Aller au contenu
Forge

Carte encadrée au survol

Une carte d’offre autour de laquelle quatre coins de cadre glissent en place au survol ou au focus clavier.

  • Tailwind
  • React
  • CSS
  • WordPress
Ouvrir dans un nouvel onglet

Description

Au survol de la carte, ou dès que son lien reçoit le focus clavier, quatre équerres viennent se placer aux coins comme un viseur d’appareil photo, et la carte se détache avec une ombre douce. Idéal pour une prestation, une formule ou un produit phare : photographe, studio, coach ou agence. Seules la position et l’opacité des coins sont animées, sans image ni script, contraste AA en clair comme en sombre. Avec prefers-reduced-motion, le cadre est affiché d’emblée, sans mouvement.

Code

Chargement du code…

Contenu de l'archive

effet-coins-cadre-survol-html-tailwind.zip3 fichiers · 4 Ko

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

Mots-clés

Mis à jour le 18 octobre 2026.

Dans le même esprit

  • Mots surlignés au marqueur

    Gratuit

    Un titre dont les mots clés se font surligner l’un après l’autre, comme d’un coup de marqueur fluo.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Bulles qui montent en fond

    Gratuit

    Une annonce posée sur de petites bulles qui montent doucement du bas de la section en ondulant, puis s’évanouissent.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Enseigne néon qui grésille

    Gratuit

    Un titre en néon rose encadré d’un tube bleu, dont la lueur grésille de temps en temps comme une vraie enseigne.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant

  • Feuilles d’automne qui tombent

    Gratuit

    Une annonce de saison derrière laquelle des feuilles d’automne tombent en se balançant doucement.

    • Tailwind
    • React
    • CSS
    • WordPress
    Composant