Générateur de Tooltips CSS

Concevez des tooltips CSS avec aperçu en direct. Personnalisez position, couleurs, flèches, animations et copiez le CSS. 100% côté client.

Préréglages

Texte du Tooltip

Position

Alignement

Appearance

Couleur de Fond

Couleur du Texte

Couleur de Bordure

Taille de Police 14px

Espacement 8px 12px

Rayon de Bordure 6px

Largeur de Bordure 0px

Largeur Max 200px

Arrow

Afficher Flèche

Taille de Flèche 6px

Animation

Durée 0.2s

Délai 0s

Aperçu

Survolez ce bouton pour voir le tooltip

CSS Généré

/* CSS will appear here */

À Propos

Créez des tooltips CSS sans code. Éditeur visuel avec aperçu en direct. CSS pur avec pseudo-éléments. Tout se passe dans votre navigateur.

Est-ce gratuit ?

Oui, complètement gratuit.

JavaScript nécessaire ?

Non, CSS pur avec pseudo-éléments.

Position personnalisable ?

Oui, haut, bas, gauche ou droite.

Compatible mobile ?

Oui, mais pensez aux interactions tactiles.

Usage commercial ?

Absolument, sans restrictions.