Cumartesi 28 Ocak 2023
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

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

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. Arayüz
  3. Stylie – Ücretsiz CSS Web Animasyon Oluşturucu
 Stylie – Ücretsiz CSS Web Animasyon Oluşturucu
Arayüz CSS

Stylie – Ücretsiz CSS Web Animasyon Oluşturucu

Yazar : Bilal UÇAR 19 Eylül 2017 0 Comment

CSS3 syntaxı ile animasyonlar oluşturmak için uğraşıyorsunuz ve bunun için basit bir yol arıyorsanız Stylie CSS web animasyonu için mükemmel bir araçtır.

Stylie, saf CSS animasyon efektlerine odaklanan birçok ücretsiz kod üreticisinden biridir. Stylie, tamamen ücretsiz ve açık kaynağa sahip, GitHub‘da barındırılan ve Rekapi adlı bir ana kare kitaplığı tarafından desteklenmektedir.

Rekapi kitaplığı JavaScript kullanıyor, bu nedenle saf CSS’ye bir alternatif. Stylie web uygulaması her iki yöntemi de destekliyor, böylece kodu saf CSS veya JavaScript’e verebilirsiniz.

Varsayılan olarak, ilk sayfa doğrusal bir animasyona sahip sürekli bir animasyon demosunu yükler. Bunu, hareket sekmesindeki varsayılan ayarları düzenleyerek veya Anahtar kareleri sekmesini düzenleyerek oynayabilirsiniz.

Ana kareler listesinde, yeni ana kareler ekleyebilir, toplam sürelerini düzenleyebilir ve X / Y eksenine dayalı hareketler de dahil olmak üzere animasyon stillerini değiştirebilirsiniz.

Başlangıçta ana karenin animasyonu kafa karıştırıcı görünebilir. Bu karışıklığı üzerinde oynamalar yaparak anlayabilir ve istediğiniz animasyonu oluşturabilirsiniz.

Hareket grafiği öğrenmek çok daha zor ancak animasyonunuzun hafifletilmesi üzerinde size daha fazla kontrol imkanı sağlıyor. Stylie, özel hareket efektlerini kaydetmenize ve bunları diğer animasyonlar için Keyframes sekmesinde yeniden kullanmanıza olanak tanır.

O kadar övdükten sonra gelelim eksi yönlerine. Web uygulamasının responsive tasarımda eksikliği olduğunu düşünüyorum. Küçük ekranlı bilgisayarda ekrana sığmayabiliyor. Kaydırma çubuğunun olmayışı sorun olabilir.

Ancak bu küçük can sıkıntısının yanı sıra, daha büyük monitörde iyi çalışıyor. Ve export kalitesi fena değil.

Nasıl çalıştığını görmek ve bazı seçeneklerle uğraşmayı denemek için Stylie uygulamasına bir göz atın. Animasyonunuzu yaptıktan sonra CSS veya JavaScript’i dışa aktarabilir ve istediğiniz herhangi bir proje için kullanabilirsiniz.

Arayüzü öğrenirken sorun yaşıyorsanız, bu kısa dersin yaklaşık 9 dakikalık bir sürede ve tüm önemli özellikleri kapsayacağını da izleyebilirsiniz.

Bu makalede ücretsiz CSS web animasyonu oluşturabileceğiniz, CSS veya JavaScript olarak dışa aktarabileceğiniz Stylie web uygulamasından bahsettik. Siz de düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: css animasyon aracı css animasyon oluşturmak css animasyon tools stylie css stylie css ile ücretsiz css animasyon oluşturun
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

Yorum Yap Yorumu İptal Et.

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

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.