Features
This component uses two variants. Each variant features a frame - that's our shiny light effect on the card. We shift the position of this layer; for the 'normal' variant, it's up in the top left corner, while for the 'hover' variant, it's down in the bottom right corner. We animate between these two states by linking them with the suitable interaction.

Step / 01
Remix the project.

Step / 02
See how it's built.

Step / 03
Try recreating it for practice or just copy the component to your project.