How to animate box-shadows with transforms and opacity

It's long 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.