Sovas
UA
Web Tools
Strona główna
Wszystkie narzędzia
Kontakt
EN
PL
UK
Powrót do narzędzi
Generator przycisków CSS PRO
Twórz idealne przyciski z animacjami, linkami, odstępami i cieniami.
Nowoczesny
Obramowany
Animacja wypełnienia
Neon (Glow)
Tekst, Link i Ikona
Tekst przycisku:
Symbol/Ikona:
Brak ikony
Strzałka →
Zaznaczenie ✓
Rakieta 🚀
Koszyk 🛒
Gwiazdka ⭐
Ogień 🔥
Poczta ✉
Pozycja:
Lewa
Prawa
Link (URL):
W nowym oknie (_blank)
Rozmiar czcionki:
16
px
Grubość czcionki:
Normal (400)
Medium (500)
Semi-Bold (600)
Bold (700)
Odstępy (Spacing)
Wewnętrzne (Padding)
Góra/Dół (Y):
12
px
Lewo/Prawo (X):
24
px
Zewnętrzne (Margin)
Góra/Dół (Y):
10
px
Lewo/Prawo (X):
0
px
Kolory i Hover
Standardowa zmiana kolorów
Wypełnienie od lewej do prawej
Wypełnienie od dołu do góry
Neonowa poświata
Wyłącz efekt Hover
Stan normalny
Kolor tła
Kolor tekstu
Kolor ramki
Po najechaniu (Hover)
Kolor tła (lub wypełnienia)
Kolor tekstu
Kolor ramki
Kształt, Cień i Kliknięcie
Promień rogów:
8
px
Grubość ramki:
0
px
Cień (Box Shadow):
Brak cienia
Bardzo lekki
Średni (Soft)
Duży (Float)
Efekt 3D (Dół)
Efekt kliknięcia (Active):
Brak
Zmniejszenie (Scale 0.95)
Przesunięcie w dół (Translate Y)
Podgląd
HTML:
Kopiuj
CSS:
Kopiuj
Skopiowano!
