Landing stamp
A three-step application tracker where a “Validated” stamp lands on each card as it reaches the screen.
- Tailwind
- React
- CSS
- WordPress
Description
Each step of the tracker is a card; as it enters the screen, an ink stamp (“Received”, “Checked”, “Validated”) spins down and lands at an angle, as on a real file. Ideal for an order or application tracker, a guarantees page, a membership journey or a list of certifications. The effect follows scrolling through CSS view-driven animations (animation-timeline), with a short fallback script in browsers that do not support them yet (Firefox), and the stamp appears at once, never half transparent. The status is written out in each card, so the decorative stamp is hidden from screen readers. AA contrast in light and dark mode. With prefers-reduced-motion the stamps are in place from the start.
Code
Loading the code…
Archive contents
effet-tampon-apparition-html-tailwind.zip3 files · 5 Ko
- index.html8 Ko
- README.md3 Ko
- LICENSE.md1 Ko
Tags
Updated on October 18, 2026.
In the same spirit

Layered parallax
FreeA mountain landscape in several planes that slide at different speeds while scrolling.
- Tailwind
- React
- CSS
- WordPress

Drifting clouds
FreeA sunrise sky where clouds slowly drift behind the heading and the tagline.
- Tailwind
- React
- CSS
- WordPress

Confetti shower
FreeA celebration banner where coloured confetti tumbles down behind the announcement.
- Tailwind
- React
- CSS
- WordPress

A blog article topped by a thin bar that fills up as the reader moves through the text.
- Tailwind
- React
- CSS
- WordPress