Ü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

Düğme Metni

Size

Shape

Color

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'ye Dönüştürücü Daha Az

Less 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

Aydınlatma Dönüştürücüsü

Aydınlatmayı farklı birimler arasında hassas bir şekilde dönüştürün

HEX'den RGB'ye çevirme

Web geliştirme için HEX renk kodlarını RGB değerlerine dönüştürün

Hız Birimi Dönüştürücü

Mühendislik, bilimsel ve günlük ihtiyaçlarınız için farklı hız birimleri arasında hassas bir şekilde dönüştürme yapın