Skip to content

Retro perspective grid

An eighties announcement banner with a striped sun and a neon grid rolling towards the horizon.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

Below the heading, a perspective grid endlessly rolls towards the viewer at the foot of a striped setting sun: the synthwave look of the eighties, for a gaming bar, a themed party, a festival, a record shop or a creative studio. Only the pattern position is animated, with no image or script, and the decoration, placed below the text, is hidden from screen readers. AA contrast in light and dark mode. With prefers-reduced-motion the grid stays still.

Code

Loading the code…

Archive contents

effet-grille-perspective-retro-html-tailwind.zip3 files · 4 Ko

  • index.html3 Ko
  • README.md3 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 18, 2026.

In the same spirit

  • A three-step application tracker where a “Validated” stamp lands on each card as it reaches the screen.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A mountain landscape in several planes that slide at different speeds while scrolling.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A sunrise sky where clouds slowly drift behind the heading and the tagline.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
  • A celebration banner where coloured confetti tumbles down behind the announcement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component
Retro perspective grid — visual effects component, HTML and React | Forge