Générateur de flèches CSS
Créez une flèche CSS simple. Choisissez droite, gauche, haut ou bas, puis la couleur, la taille carrée et l’épaisseur de bordure. Copiez ensuite la règle .arrow produite.
Créer une flèche CSS
-
1
Choisissez une direction
Sélectionnez droite, gauche, haut ou bas.
-
2
Réglez l’apparence
Définissez couleur, taille et épaisseur en pixels.
-
3
Copiez le CSS
Vérifiez l’aperçu et copiez la règle.
Le générateur produit un élément .arrow carré avec display: inline-block, largeur et hauteur identiques, une bordure droite et inférieure, puis une rotation selon les quatre directions.
Il ne produit ni triangles de bordure, ni clip-path, ni SVG, dégradés, flèches diagonales ou queues d’infobulle. Il ne fournit pas non plus de HTML, de validation de mise en page ou de conseils de compatibilité. Testez la règle copiée dans votre page.
Outils similaires
Référence de la table ASCII
Table ASCII complète de 0 à 127 avec décimal, hexadécimal, octal, binaire et référence numérique HTML pour chaque caractère, y compris les codes de contrôle comme NUL, LF et DEL.
Référence des caractères HTML
Liste consultable des entités HTML, de leurs codes nommés et numériques, et un copier-coller en un clic pour les caractères et symboles spéciaux.
Référence des raccourcis clavier
Recherchez les raccourcis par défaut documentés de VS Code, Chrome et Bash avec GNU Readline sous macOS, Windows et Linux.
Générateur d’accordéon CSS
Créez un accordéon de trois sections avec details et summary. Personnalisez textes, couleurs, espacements, icône et ouverture, puis copiez ou téléchargez le code.
Générateur de palettes de couleurs aléatoires
Générez des palettes aléatoires de 2 à 15 couleurs, choisissez un style vif, pastel, sourd ou sombre, puis copiez les codes HEX ou les variables CSS.
Générateur de lettres aléatoires
Générez des lettres A-Z aléatoires. Choisissez le nombre, les majuscules, les minuscules ou le mélange, puis utilisez le résultat pour des jeux ou la classe.