Cuma 19 Ağustos 2022
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

6 Maddede Etkili Reklam Yapımı!

Twitter Tweetlerinizi Yüzünüze Vuruyor!

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. CSS
  3. Butns.css ile Sitenize Önceden Tasarlanmış Button’lar Ekleyin
 Butns.css ile Sitenize Önceden Tasarlanmış Button’lar Ekleyin
CSS

Butns.css ile Sitenize Önceden Tasarlanmış Button’lar Ekleyin

Yazar : Fatih 18 Ocak 2017 0 Comment

Bootstrap gibi Frontend framework’ler kendi button stilleri ile birlikte gelir lakin çok çeşitlilik içermemektedir.

Ücretsiz Butns kütüphanesi tüm ekli framework’lerden bağımsız bir dizi özel button stilleri sunuyor. Zaten özel bir sayfa tasarımına sahip olan ve button stilleriyle uğraşmak istemeyen geliştiriciler için mükemmel bir seçenektir.

Button seçimi için neredeyse sınırsız seçenek ve kombinasyonlar mevcuttur. Butns kullanıcı aşinalığı açısından flat(düz) button’lar, pill(hap) button’lar ve ghost(hayalet) button‘ların karışık & eşleşebilen 30’dan fazla farklı arkaplan / kenarlık renkleri içermektedir.

butns-anasayfa-styles

Ayrıca iki farklı rengi bir araya getiren farklı gradent stilleri arasından seçim yapabilirsiniz. Renkler ve gölgelerle birlikte herhangi bir button’nun şeklini, boyutunu ve şeffaflığını da değiştirebilirsiniz.

Her şey CSS sınıflarıyla kontrol edilir. Bu nedenle kütüphanedeki her şeye tam erişiminiz vardır.

Butns de kullanışlı bir özellik olarak yalnızca bir sınıf adını güncelleyerek farklı stiller arasında kolayca geçiş yapabilmenizdir. Aşırı karmaşık bir stil ekleme veya bir stil sayfası düzenleme sistemi yoktur.

Başlamak için .css dosyasını Butns ana sayfasından veya GitHub repo‘sundan indirebilirsiniz. Her ikisi kaynakta en güncel sürümlerin bağlantısı mevcuttur.

Sınıflar listesine GitHub sayfasından mutlaka göz atmak gerekiyor. Renk, button türü ve küçük/büyük veya yarı saydam gibi görüntüleme seçeneklerini özelleştirmek için bütün sınıfların tam listesini ve kullanım şeklini bulabilirsiniz.

Webmaster-kitchen-butns-css-demos

Butns.css web üzerinde kolayca kullanılabilen en kapsamlı button stil sayfalardan bir tanesidir. Birden çok web projesine ekleyebilirsiniz ve hepsi bu kütüphaneyle farklı bir görünümlere sahip olabilir.

Bootstrap gibi diğer framework’lerin sınıflarıyla çakışmadığından üzerinde rahat bir şekilde oynamalar yapabilirsiniz. Böylece Butns.css’i herhangi bir güçlük çekmeden hemen hemen tüm diğer frontend framework ile birleştirebilirsiniz.

Geri bildiriminizi aşağıdaki yorum bölümüne bırakmayı unutmayın. Umarım faydalı olmuştur. Herkese iyi çalışmalar diliyorum. Webmaster Mutfakta kalın. ?

İşin mutfağını öğrenmek herkesin hakkı! Webmaster Kitchen işin mutfağını öğrenin.  ?

Etiketler: Butns.css nasıl kullanılır Butns.css nedir Butns.css sınıf listesi CSS css framework css kütüphaneleri
Önceki Yazı
Sonraki Yazı

Fatih

author

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Dijital PR

6 Maddede Etkili Reklam Yapımı!

19 Ağustos 2022
Güncel

Twitter Tweetlerinizi Yüzünüze Vuruyor!

18 Ağustos 2022
Dijital PR

Markalaşma ve Sosyal Medya!

18 Ağustos 2022
Dijital PR

Marka Çağrışımı ile Zirvedesin!

17 Ağustos 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.