Skip to main content

How to animate box-shadows with transforms and opacity

It's been recommended that we stick to transforms and opacity when it comes to animating elements with CSS. In this screencast I demonstrate how you can animate a box-shadow hover similar to what you see used in Material Design, with transforms and opacity.

View the source files here.

Subscribe on YouTube

Weekly web development screencasts about HTML, CSS, and Javascript.

Subscribe now