Sweep Light Hover Effect

About the resource

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.