Best of CSS Tip — January 2025

1. 1
   Article

   CSS Tip·1y

   Inverted radius shape with hover effect

   Learn how to combine the inverted radius shape with modern CSS techniques to create a stylish hover animation. The guide uses minimal HTML, is powered by @property and CSS Mask, and is optimized with CSS variables.

   124

   3
2. 2
   Article

   CSS Tip·1y

   Smooth rotation with modern CSS

   Learn how to use modern CSS techniques to achieve smooth rotation animations for any element. This method utilizes the @property feature and various math functions to create interactive animations without relying on keyframes.

   41