Animista ile Kolayca Serin CSS Animasyonları Oluşturun
Var tonlarca CSS canlandırması web uygulaması çevrimiçi. Ancak, çok az ayrıntı, aldığınız ayrıntı düzeyi ve kullanım kolaylığı ile karşılaştırılır. Animista.
Bu ücretsiz web uygulaması size sağlar Bir düğmeyi tıklatarak özel CSS animasyonları oluşturmak. Slaytlar, dönüştürmeler, salıncaklar ve hatta gölge düşürme animasyonları gibi önceden tasarlanmış hareketler arasında seçim yaparsınız.
Animasyonunuzu oluşturduktan sonra, kodu ver Tıpkı diğer CSS jeneratörleri gibi. Ancak, bu kodla çalışmak çok daha kolaydır ve hatta yerleşik bir minifier aracıyla birlikte gelir.
Arayüz ilk başta kafa karıştırıcı olabilir ama bu yalnızca kaç seçeneğiniz olduğuna bağlı!
Özel animasyonlar oluşturuyorsunuz üç ana adımdan sonra ve arayüzü kullanarak baştan aşağı:
- Bir hareket stili seçin üstteki dairelerden (salıncak, kaydır, çevir)
- Farklı hareket türleriyle özelleştir altında
- Animasyon seçeneklerinizi düzenleyin kayan sol taraftaki seçenekler çubuğunda
Bu işlemle, animasyonun toplam süresini, rahatlama stilini, gecikmeyi, hemen hemen her şeyi değiştirebilirsiniz. Ve hepsi saf CSS3 ile çalışır, bu da onu daha da etkileyici kılıyor.
Ayrıca en üstteki gezinme çubuğunda, aralarından birini bile seçebileceğini not et farklı türlerdeki animasyon hedef stilleri.
varsayılan “temel” hangi hemen hemen her şey üzerinde çalışabilir (üzerine gelin, tıklayın veya hemen animasyon). Diğer hedefler arasında sayfa metni, arka plan animasyonları ve hatta özel giriş animasyonları Gizli sayfa öğesini görünüme getirmek için.
Ben özellikle “Dikkat” Düğme stilleri için bazı serin sallama ve titreme efektleri olan üst kısımdaki bağlantı. Bunlar dikkat çekmek ve kullanıcı etkileşimlerini teşvik etmek için CTA düğmelerinde harika çalışıyor.
Ayarlamaları tamamladığınızda, sadece küçük parantez simgesine tıklayın önizleme bölmesinin sağ üst köşesinde.
Bu, yeni bir sayfanın görünümüne Anahtar kareler ile birlikte tam CSS animasyon sınıfınız. İsteğe bağlı özellikler, kodu küçült ve otomatik ön ekleyiciyi dahil et hangi eski web tarayıcılarını destekliyor.
Tonlarca özel CSS animasyon aracı kullandım ve hiç şüphesiz Animista en zengin özelliklere sahip bir araç. İlk başta tamamen ücretsiz ve biraz karmaşık ama arayüzü bir kez anladığınızda, kullanabileceğiniz en iyi jeneratör.
Bir denemek için, sadece ana sayfasını ziyaret edin ve tıklayın “Beni dene”. Düşüncelerinizi ve övgülerinizi web uygulamasının yaratıcısı @ ana108 ile de paylaşabilirsiniz.