Butns.css ile Sitenize Önceden Tasarlanmış Düğmeler Ekleyin

Bootstrap gibi ön uç çerçeveler bunlarla birlikte gelir kendi düğme stilleri, ama onlar genellikle çok çeşitlilik yok.

Ücretsiz Butns kütüphanesi teklifler özel düğme stilleri bir dizi tüm çerçeve ekli olmadan. Bu geliştiriciler için mükemmel zaten özel bir sayfa tasarımına sahipsin ancak kendi buton stillerini yapmakla uğraşmak istemiyorum.

Seçim için pratik olarak sınırsız seçenek ve kombinasyonunuz var. Butns vardır 30'dan fazla farklı arka plan / kenarlık rengi geleneksel olarak karıştırıp eşleştirebileceğiniz düz düğmeler veya hap düğmeleri ya da hayalet düğmeleri.

Ayrıca arasında seçim yapabilirsiniz farklı degrade stilleri bu iki farklı rengi birbirine bağlar. Bu degrade düğmeleri kabartma efektinin yükseltilmesi için bir gölge ile harika görünüyor.

Renklerin ve gölgelerin yanı sıra, şekil, boyut ve şeffaflığı değiştir herhangi bir düğmenin.

Herşey CSS sınıfları ile kontrol edilir, yani kütüphanedeki her şeye gerçekten tam erişiminiz var.

Butns hakkında en çok sevdiğim şey, kolayca yapabileceğiniz. farklı stiller arasında geçiş yap sadece bir sınıf adı güncelleniyor. Stil ekleme veya stil sayfasını düzenleme işleminin aşırı karmaşık bir sistemi yoktur. Sen sadece dersleri değiştirirsin ve gitmen iyi olur..

Zararsız olmasına rağmen bu sınıfların bazılarının üzerine yazmak kendi tercihlerinle. CSS'deki basamaklı etkinin güzelliği budur.

Sadece başlamak için indir .css dosya Butns giriş sayfasından veya GitHub deposundan. Her ikisi de en güncel sürüme bağlanır, bu nedenle her iki yol da tamamdır..

Web sayfanıza eklendiğinde, sınıfı ekle .buton Bir düğme şeklinde olmasını istediğiniz herhangi bir şeye. Oradan meselesi ekstra sınıflar eklemek İstediğiniz düğmenin renk, boyut ve stiline göre.

Sınıf listesinin yanındaki GitHub sayfasına bir göz atın. Bulacaksınız tüm sınıfların tam listesi küçük / büyük veya yarı saydam gibi renk, düğme türü ve ekran seçeneklerini özelleştirmek için.

Butns.css kolayca en kapsamlı düğme stil sayfasından biri internette. Birden çok web projesine ekleyebilirsiniz ve hepsi farklı bir görünüme sahip bu bir kütüphane ile.

O da diğer çerçevelerle iyi oynar Bootstrap gibi sınıflar örtüşmez. Böylelikle Butn'ları piyasadaki herhangi bir önyüz çerçevesi ile sorunsuz bir şekilde bir araya getirebilirsiniz.