Sovas
UA
Web Tools
Startseite
Alle Tools
Kontakt
DE
EN
ES
PL
PT
RU
UA
Zurück zu den Services
CSS-Button-Generator PRO
Erstellen Sie perfekte Buttons mit Animationen, Links, Abständen und Schatten.
Modern
Umriss
Füll-Animation
Neon (Glow)
Text, Link & Symbol
Button-Text:
Symbol/Icon:
Kein Icon
Pfeil →
Häkchen ✓
Rakete 🚀
Warenkorb 🛒
Stern ⭐
Feuer 🔥
E-Mail ✉
Position:
Links
Rechts
Link (URL):
In neuem Fenster (_blank)
Schriftgröße:
16
px
Schriftstärke:
Normal (400)
Medium (500)
Semi-Bold (600)
Bold (700)
Abstände (Spacing)
Innenabstand (Padding)
Oben/Unten (Y):
12
px
Links/Rechts (X):
24
px
Außenabstand (Margin)
Oben/Unten (Y):
10
px
Links/Rechts (X):
0
px
Farben & Hover
Standard-Farbwechsel
Füllung von links nach rechts
Füllung von unten nach oben
Neon-Leuchten
Hover-Effekt deaktivieren
Normaler Zustand
Hintergrundfarbe
Textfarbe
Rahmenfarbe
Beim Hover (Hover)
Hintergrundfarbe (oder Füllung)
Textfarbe
Rahmenfarbe
Form, Schatten & Klick
Eckenradius:
8
px
Rahmenstärke:
0
px
Schatten (Box Shadow):
Kein Schatten
Sehr leicht
Mittel (Soft)
Groß (Float)
3D-Effekt (Unten)
Klick-Effekt (Active):
Keiner
Verkleinerung (Scale 0.95)
Verschiebung nach unten (Translate Y)
Vorschau
HTML:
Kopieren
CSS:
Kopieren
Kopiert!
