Tagged “card”

Here’s a “media query free” CSS one-liner which lets you set an element to have no border-radius when it is the full width of the viewport, but otherwise to have a border-radius.

It uses the same 9999 multiplication technique as Every Layout do to create a toggle.

Great for Card components which need to be full-width and non-rounded only on narrow viewports.

In this tutorial we'll use the box-shadow property to create a layered card component, and animate it on hover.

Beautiful effects expertly combining colour, clever box-shadow configurations and position-based animation.