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

Préréglages

Related Tools

Convertisseur de stylet en CSS

Rapide, facile et sécurisé.

Créez des mises en page Flexbox parfaites

.

Convertisseur SCSS en CSS

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

Générer des mots aléatoires pour tout usage

Créez des mots aléatoires avec des options de longueur, de complexité et de formatage personnalisées.

Pantone en RVB

Remise Calculatrice

Calculez les remises, les prix de vente et les économies grâce à notre calculateur de remises facile à utiliser.