← Tüm metin araçları

CSS düğme oluşturucu

Gradyanlar, gölgeler ve hover efektleriyle düğmeler tasarlayın ve CSS'i kopyalayın.

  • Ücretsiz
  • Kayıt gerekmez
  • Her cihazda çalışır

Yaklaşık CSS düğme oluşturucu

Bir düğmeyi görsel olarak tasarlayın: gradyan veya düz renkler, dolgu, kenar yarıçapı, gölge ve üzerine gelme davranışını seçin, ardından CSS'i kopyalayın. Üzerine gelme ve odak durumlarını belirgin yapın ve metin kontrastını okunacak kadar yüksek tutun. 150 ile 250 milisaniyelik bir geçiş, durum değişikliklerini pürüzsüz hissettirir.

CSS düğme oluşturucu nasıl kullanılır

  1. Yukarıdaki seçenekleri ayarlayın. Sonuç canlı olarak güncellenir.
  2. Tam istediğiniz gibi olana kadar her şeyi değiştirin.
  3. Sonucu kopyalayın veya indirin.

Neden bu aracı kullanmalısınız?

Diğer adları

Sıkça sorulan sorular

Bir CSS düğmesine üzerine gelme efektini nasıl eklerim?

:hover seçicisiyle arka planı, gölgeyi veya transform değerini değiştiren ikinci bir kural yazın ve değişimin animasyonlu olması için temel düğmeye bir transition ekleyin.

CSS düğme oluşturucu ücretsiz mi?

Evet. Toolipedia'daki CSS düğme oluşturucu ücretsizdir; kayıt gerektirmez ve filigran eklemez.

Kullanımı güvenli mi?

Evet. Her şey tarayıcınızda hesaplanır, girdiğiniz hiçbir şey sunucumuza gönderilmez.

Telefonumda çalışır mı?

Evet. Android ve iPhone'daki tüm modern tarayıcıların yanı sıra tablet ve bilgisayarlarda da çalışır. Hiçbir şey yüklemeniz gerekmez.

Hesap açmam gerekiyor mu?

Hayır. Sayfayı açıp aracı kullanmanız yeterli. Kayıt veya e-posta gerekmez.

İlgili araçlar