# Animating icons

> Animating opacity, scale and blur in buttons when different icons are shown contextually makes them feel much better and more responsive.
>
> Source: https://jakub.kr/components/animating-icons. Interactive demos are only available on the page.

Since a lot of people liked when [I posted this interaction on Twitter](https://x.com/jakubkrehel/status/1955311846337954166), I figured I'd share the code snippets for the animation here.

Animating `opacity`, `scale` and `blur` on icons when they are shown contextually makes the transition feel better and more responsive.

As you can see, you can achieve the same effect with CSS alone as well. I personally prefer Motion, because it allows me to use spring animations easily.