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é.

Générateur de hachage MD5

Générez des hachages MD5 rapidement et facilement

Convertisseur de rythme

effort Convertissez facilement l’allure de course entre différentes unités et calculez le temps et la distance estimés