Ücretsiz CSS Düğme Oluşturucu

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.

Düğme Önizleme

Oluşturulan 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); }

Düğme Özellikleri

Popüler Ön Ayarlar

Related Tools

Stylus'tan CSS'ye Dönüştürücü

SCSS kodunuzu CSS'ye dönüştürün. Hızlı, kolay ve güvenli.

CSS Güzelleştirici

CSS kodunuzu profesyonel hassasiyetle biçimlendirin ve güzelleştirin

CSS3 Dönüşümlerini Kolaylıkla Oluşturun

Kod yazmadan karmaşık CSS3 dönüşümleri oluşturmak için güçlü, sezgisel bir araç. Değişiklikleri gerçek zamanlı olarak görselleştirin ve oluşturulan CSS'yi projelerinizde kullanmak üzere kopyalayın.

Açıları Hassas Bir Şekilde Dönüştürün

Sezgisel dönüştürme aracımızla farklı açı birimleri arasında zahmetsizce dönüştürme yapın. Mühendisler, öğrenciler ve profesyoneller için mükemmeldir.

JSON'u Zahmetsizce XML'e Dönüştürün

JSON verilerinizi tek bir tıklamayla yapılandırılmış XML biçimine dönüştürün. Hızlı, güvenli ve tamamen tarayıcı tabanlı.

HTML Kod Çözme Aracı

HTML varlıklarının kodunu doğrudan tarayıcınızda kolaylıkla çözün.