15 March 2017 / Cards

Quick prototype of equal height cards using flexbox grid layout

Flexbox Card Grid

Quick prototype of equal height cards using flexbox grid layout. Also demonstrates the use of CSS aspect ratios (check out the images) and CSS filters.

codepen

See the Pen Flexbox Card Grid by Craig Anthony (@mcraiganthony) on CodePen.

— Code Tea —

Cards

30 August 2018

Flash notification card design with keyframes animations

error/success flash message card design with keyframes animations!

29 August 2018

Card swipe animation Material Design

Card Swipe Animation Material Design.

14 April 2018

Google Now style info cards with CSS card flip animation

Google Now Inspired Flip Cards

— Next Post —

15 March 2017

Material Playing Cards

Material Playing Cards Want to create your very on Material Playing Card? Follow the guide below! Material Playing Cards, this is just the backbone for a full on 30s demo that I'm creating

— Prev Post —

15 March 2017

Material Design: Profile Card

Material Design: Profile Card A nice Material Design: Profile Card PEN BY Emil Devantie Brockdorff. codepen See the Pen Material Design: Profile Card by Emil Devantie Brockdorff (@Mestika) on CodePen.