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

The last time we met, I demonstrated how newer CSS features — particularly trigonometric functions — can be leveraged to accomplish a “pop-out” hover effect. This is what we made together:Even the rotation is possible with clip-path polygon():We can define the shape with three parameters:The number of spikes (we’ll call this N);
The radius of the big circle, illustrated in green (we’ll call this R);
The radius of the small circle illustrated in blue (this will