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

Twórz idealne układy flexboxów

Wizualizuj, dostosowuj i generuj kod flexbox CSS za pomocą naszego intuicyjnego interfejsu typu "przeciągnij i upuść".

Konwerter rysika na CSS

Przekształć swój kod SCSS w CSS. Szybko, łatwo i bezpiecznie.

Konwerter SCSS na CSS

Transform your SCSS code into CSS. Fast, easy, and secure.

Twórz piękne cienie CSS Box bez wysiłku

Generuj oszałamiające cienie pudełek za pomocą naszego intuicyjnego interfejsu. Skopiuj kod CSS i natychmiast używaj go w swoich projektach.

Dekoder Base64 do JSON

Błyskawicznie konwertuj ciągi zakodowane w formacie Base64 na sformatowany kod JSON. Działa lokalnie w przeglądarce bez przesyłania danych.

Kalkulator średniej

Szybko oblicz średnią (średnią arytmetyczną) zbioru liczb za pomocą naszego łatwego w użyciu narzędzia.