Re-Creating The Pop-Out Hover Effect With Modern CSS (Part 1)

Temani Afif shows how to combine CSS masks, CSS variables, trigonometric functions, @property
, and more to create a neat hover effect that would have been extremely difficult to create even a few years ago without the latest and greatest that CSS has to offer.