Générateur de boutons CSS gratuit

Erstellen Sie ansprechende, responsive Schaltflächen für Ihre Website. Wählen Sie aus über 70 vorgefertigten Stilen oder passen Sie Ihre eigenen mit unseren erweiterten Steuerelementen an.

Aperçu du bouton Propriétés

du bouton CSS

.custom-button { padding: 0.75rem 1.5rem; border-radius: 0.5rem; background: #165DFF; color: white; font-weight: 500; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); transition: all 0.3s ease; }  .custom-button:hover { background: rgba(22, 93, 255, 0.9); transform: translateY(-2px); }  .custom-button:focus { outline: none; box-shadow: 0 0 0 4px rgba(22, 93, 255, 0.3), 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); }  .custom-button:active { transform: translateY(0); }

Texte

Size

Shape

Color

Préréglages

Related Tools

Convertisseur de stylet en CSS

Rapide, facile et sécurisé.

Générateur de barres de défilement CSS

Personnalisez facilement les barres de défilement de votre site WebCréez de superbes effets de texte dégradé pour votre site Web

Convertisseur SCSS en CSS

Transformez votre code SCSS en CSS. Rapide, facile et sécurisé.

Convertisseur Less vers CSS

Transformez votre code Less en CSS. Rapide, facile et sécurisé.

Texte en hexadécimal

effort Convertissez du texte en représentation hexadécimale sans

Générateur de hachage MD4

Générez des hachages MD4 rapidement et facilement