Archive for the ‘shadow’ Category

Breaking down CSS Box Shadow vs. Drop Shadow

Posted on: No Comments
Drop shadows. Web designers have loved them for a long time to the extent that we used to fake them with PNG images before CSS Level 3 formally introduced them to the spec as the box-shadow property. I still reach for drop shadows often in my work beca...

Slicing SVG 9 Ways

Posted on: No Comments
Paul Lewis animated a 3D Card Flip. Straightforward enough there, but this needed a shadow element as well: The shadow may need to move around or fade, so we need a solution that we can animate with transforms & opacity, since they can be handed off to...