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

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 de stylet en CSS

Rapide, facile et sécurisé.

Convertisseur SCSS en CSS

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

Calculateur de pourcentage

Calculez facilement des pourcentages à l’aide de notre calculateur de pourcentage intuitif.

Texte en ASCII

Convertissez du texte en code ASCII sans

Outil d'encodage Base64

Encodez facilement du texte au format Base64 directement dans votre navigateur.