Darmowy generator przycisków CSS

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.

Podgląd przycisku

Wygenerowany kod 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); }

Właściwości przycisku

Popularne ustawienia wstępne

Related Tools

Upiększacz CSS

Formatuj i upiększaj swój kod CSS z profesjonalną precyzją

Generator przejść CSS3

Płynne przejście krycia

Minifikator CSS

Kompresuj i optymalizuj swój kod CSS z profesjonalną precyzją

Kalkulator skrótu SHA-224

Generate SHA-224 hashes quickly and easily

Konwertuj JSON na CSV

Wklej poniżej swoje dane JSON i przekonwertuj je do formatu CSV jednym kliknięciem.

Minimalizacja JSON

Zminimalizowany kod JSON zmniejsza rozmiar danych, co oznacza, że można je szybciej przesyłać przez sieć