Makzan / I share what I learnt

Link: How to animate “box-shadow” with silky smooth performance

Link: How to animate “box-shadow” with silky smooth performance


Box-shadow transition

Takeaway note:

  1. Use :after to apply the box shadow.
  2. Transition opacity of :after element instead of box-shadow.

Published on December 14, 2015. More articles like this: Clip & Quote, CSS, Web Technologies.

Sign up for weekly dispatch each week.

Want productive tips and web technologies links like this in your inbox each week? No spam ever. Just useful content:

Read previous weekly dispatch newsletters.