Harika bir görsel dokunuşla bir web sitesine dahil edilecek 23 CSS kütüphanesi

Mevcut CSS kitaplıkları yüksek düzeyde web tasarımının kanıtıdır ve konu web deneyiminin ne olduğunu anlamanın bu harika yollarını uygulamaya geldiğinde bunların işleri nasıl kolaylaştırdığını.

Bu yüzden yapacağız 23 yüksek kaliteli CSS kitaplığı paylaşın Bu tasarım diliyle her şeyin nasıl mümkün olduğunu kanıtlayan çeşitli sanatçıların. CSS ile nelerin başarılabileceğine hayret edecek ilginç bir kaynak teklifi.

Bulanıklaştırma Menüsü

bir zekice optimize edilmiş demo yedi taneye kadar örnek bulabileceğiniz. CSS3 geçişini kullanırlar ve yüksek kaliteli bir bulanıklık efekti oluşturmak için farklı seçicilerin kullanımında harika bir zeka olurdu.

CSS3D Bulutları

Sadece bu kadar fareyle bu demonun üzerine gelin, bu CSS kitaplığı ile elde edilen büyük etkiyi deneyimleyebileceksiniz. Hepsinden iyisi, bu bulutlar tam hareket halinde. JavaScript'in yanı sıra CSS3 3D Dönüşümlerini kullanır. Bağlantıdan, her bir adımı nerede bulacağınız öğreticiye erişebilirsiniz.

Saf CSS'de logolar

Bu kütüphane içerir en popüler logolardan bazıları Apple veya Twitter gibi herkes tarafından. Fare imlecini yerleştirerek logoların her birinin özelliklerini bulabilmeniz ilginç olmaktan daha fazlasıdır. Bağlantıdan kodun tamamına erişim hakkına sahipsiniz.

Jan Kadera'nın gezinti çubuğu

Codepen.io'dan bu gezinme çubuğuna 3D olarak erişim harika hareket eden ve kodunu tam olarak bildiğimiz. Bu kütüphanenin tuhaf yanı, sadece 65 satırdan oluşmasıdır. Derinlik alanı efektinde yeni CSS3 özellikleri mevcuttur.

Görüntü panelleri kayıyor

Eğiticiye erişiminiz var buradan. Büyük değeri animasyonlar ne kadar düzgün görüntü panellerini kaydırırken. Bunları web sitenize dahil etmek ve muhteşem bir sonuç elde etmek için dört varyasyona erişebilirsiniz.

Çift yüzük

Biz önceyiz mükemmel şekilde yeniden oluşturulmuş bir yüzük harika bir üretim animasyonu ile. Codepen.io'dan yüzlerce satırdan oluşan tüm koda erişebilirsiniz.

flexbox'a

Flexbox'lar, bir sayfadaki sütunları görüntülemenin yeni CSS yoludur. Bir oldukça kapsamlı rehber bu kapları anlamak için.

Renkli bir gezinme menüsü

Erişiminiz var bu gezinme menüsü için tüm HTML ve CSS Renkleri çok sevdiğini söyleyen. Kendinizi bu dile kaptırabilmeniz için tamamen CSS ile yapılmıştır.

CSS3'te ilerleme çubukları

Çoğu kitapçı gibi İngilizce olmasına rağmen, HTML ve CSS oldukça ayrıntılıdır harika tasarım ilerleme çubuklarına sahip olmak gerekiyordu. Degradeler, çizgiler ve diğer görsel efekt türleri sizi bekliyor.

Animate.css

GitHub'da popüler, tamamen CSS'de yapıldı. Bilmek istediğiniz animasyonu seçin ve Animate.css'deki efekti görmek için yalnızca "Canlandır" düğmesini tıklamanız yeterlidir. Onu GitHub'da indirebilir veya görüntüleyebilirsiniz.

spinkit

Olabilecek bir gösterge koleksiyonuyla karşı karşıyayız. her türlü görsel öğeye hizmet etmek web'de. "Kaynak" üzerine tıklayın ve yürütülmesi için gerekli tüm kodu bulacaksınız.

Düğmeler

bir CSS düğme kitaplığı Kendinizi rekabetten farklı kılmak için ihtiyacınız olanı bulmanın tüm yolları ve fikirleri. Kenar çubuğundan, bulmak istemediğiniz şekilleri veya efektleri devre dışı bırakabilir ve böylece özellikle birine odaklanabilirsiniz.

Çevirme Anahtarı

Biz önceyiz belirli düğmeleri devre dışı bırakmanıza izin veren bir uygulama tam olarak aradığımız bir tane yaratmak. Farklı ayarları kullanırız ve sonunda web sitemiz için kopyalayacağımız kodu yeniden üretebiliriz. Çok yönlülüğü ve harika stili için çok ilginç bir kaynak.

Hint.css

bir JavaScript içermeyen CSS kitaplığı ve dilediğiniz gibi kullanmanız için hazır. Küçük boyutlu, kullanımı kolay ve en modern web tarayıcılarının tümünde çalışır.

Renkler.css

Biri için ilginç bir alternatifin rengini arayın ve bu, harika bir görsel yönü olan web siteleri için hızlı prototip oluşturmaya izin verir.

voxels.css

İnşaat oyunu Minecraft'ı biliyorsanız, kesinlikle bu CSS kitaplığını tanımak kolaydır. Merkeze bastığımızda döndürün ızgaraları oluşturmaya gidin.