Card reveal animation
Add a cool text reveal animation to your image card
- Minimal HTML
- No pseudo-element
- Powered by CSS Mask (with fallback for old browsers)
See the Pen Card hover effect by Temani Afif (@t_afif) on CodePen.
More CSS Tips
- CSS-only gradient shadows Use an online tool to generate your gradient shadow.
- A border-only Tooltip using mask & clip-path Use CSS mask & clip-path to create a border-only tooltip with a gradient coloration.
- How many elements your container has? Detect the number of elements inside a container using :has() selector.
- A CSS-only wavy shapes Combine gradients and CSS mask to create a wavy shape with a little of code.