CSSPIN ile Tek Elementli Eğiriciler ve Yükleyiciler oluşturun

CSS3 ile bazı şaşırtıcı şeyler oluşturabilirsiniz. özel giriş alanları için Açılır menülerde ve hatta vektör grafikleri. Bu teknikler JavaScript'i hızlı bir şekilde sollama, geliştiricilerin daha iyi kullanıcı deneyimleri oluşturmasını kolaylaştırır.

Inşa etmek en zor şeylerden biri bir döndürücü animasyon yükleniyor ama modern CSS animasyonu bile oldukça basit..

Sıfırdan zaman kazanmak için, gibi bir kütüphane kullanabilirsiniz. CSSPIN tonla önceden tanımlanmış özel iplikçiler. Bu animasyonların tümü klonlamakta özgür ve tamamen açık kaynaklı. tam erişim kodu istediğiniz gibi düzenlemek için.

Bu kütüphane ile bir spinner ayarlamak bir esinti. Sen sadece CSS kütüphanesini kopyala sayfanıza, sonra özel HTML öğeleri ekleyin görünmelerini istediğiniz yerde.

Bu özel iplikçiler yalnızca bir HTML elemanı Animasyon efekti oluşturmak için Bu çok büyük çünkü grafik ve animasyon efekti Tamamen CSS sınıfları aracılığıyla işlenir.

Ve kaynak koduna erişiminiz olduğundan, şekilleri, renkleri, boyutları ve animasyon hızlarını değiştir projelerinize daha iyi uyması için.

Sadece kodu not et LESS sözdizimini kullanıyor, Bu nedenle, büyük düzenlemeler yapmak için bu ön işleme diline aşina olmanız gerekir..

Ancak, bol bulabilirsiniz düz CSS örnekleri ana demo sayfasında, birlikte basit talimatlar GitHub sayfasında.

Eğer aşina iseniz npm veya kameriye bunlar alternatif yöntemler kütüphaneyi kurmak için.

Nasıl kurulursa olsun, bu çalışılacak harika bir CSS animasyon kütüphanesidir. Olması gerekiyordu tamamen modüler yeni iplikçiler, yeni animasyonlar ve diğer geliştiricilerin özelleştirmeleri için bolca yer var.

Daha fazla bilgi edinmek ve tüm belgelere göz atmak için GitHub'daki CSSPIN deposu. Yaratıcı da küçük yaptı kurulum videosu aşağıda izleyebilirsiniz.