Best of CSS Tip — July 2023

1. 1
   Article

   CSS Tip·3y

   A reveal hover effect using CSS mask

   A reveal hover effect using CSS mask Reveal your images with a nice hover effect and a few lines of code. Less than 10 CSS declarations - Powered by CSS Mask. See the Pen Hover reveal animation using mask by Temani Afif on CodePen.

   20
2. 2
   Article

   CSS Tip·3y

   A reveal hover effect using CSS mask II

   A reveal hover effect using CSS mask II by Temani Afif ( @t_afif) on CodePen. Another variation of the previous hover effect with a diagonal reveal. Using the same code structure - No extra element (only the tag) - Less than 10 CSS declarations - Powered by CSS mask and CSS gradients.

   17