16 Mart 2014, Pazar

Css3 Flash Ve Nabız Etkileri Animasyon Eğitimi

Gün ev BEN için yandı son birkaç hafta içinde ben de flaş göstermek izleyiciler tarafından istendi ettik etkiler ve nabız yüzden beri tek öğretici içine de birleştirmek için gidiyoruz etkiler Biz ilk böyle benzer bir kod düzenleme gibi öğeleri edeceğiz darbe ve yanıp sönen öğeleri yanıp nasıl göstereceğim Birazdan benim h1 başlığı altında benim örnekte içine HTML dosyası olacak gidiyorum Başka bir h1 başlığı eklemek gonna HTML istediğiniz herhangi bir elemanı olmak gerekmez bu yüzden en büyük iç HTML yanıp sönen yazdıkça elemanları o kılan bir göz atın Bunun üzerine beyaz yazı ile sadece siyah sayfa

şimdiye kadar Ben bir sınıf bir adam benim CSS içine gidiyorum denilen flaş ben küme ayracı çevreleyen küme ayracı açıyorum Flaş o sınıfı verdi belgemde yani şey Bir animasyon 1apply ve bir anahtar kare animasyon var b

öylece CSS kuralına içinde olacak edildi yapmak animasyon türüdür Colin istiyorum biz oluşturmak üzereyiz kare animasyon adını koymak ve ben sadece flaş olacak isim kulüpler ve biz istediğimiz kadar koymak

“Ders Kodu: http://www.developphp.com/video/CSS/Flash-and-Pulse-Effects-keyframes-Animation-Tutorial Teçhizat Flash öğrenin veya CSS3 kullanarak efekt animasyonlar...”
Adam Khoury

zorunda animasyon çalıştırmak ve ben öylece doğrusal bir animasyon var o animasyon için ne kadar sürdüğünü Ben bir saniye koymak ve nasıl olduğumu gerçekleşmesi Birçok kere animasyon meydana istiyoruz ve ben sadece döngü devam edecek değilim, çünkü sonsuz olmak istiyorum Ben beş vereceğini sadece beş kez gerçekleşmesi istedi sonsuz kelime yerinde ama Infineon araçları koyarsanız sadece tutacağız loop Şimdi ben sadece benim flaş uygulamak anahtar kare anim

Css3 Flash Ve Nabız Etkileri Animasyon Eğitimi Resim 1 Css3 Flash Ve Nabız Etkileri Animasyon Eğitimi Resim 2 Css3 Flash Ve Nabız Etkileri Animasyon Eğitimi Resim 3 Css3 Flash Ve Nabız Etkileri Animasyon Eğitimi Resim 4

asyon ve Kanunun sonra doğru yapmak için çok basit Kelime ana kareler sembol Ad% uh animasyon koymak ve sonra sadece gibi birçok anahtar kare koymak Orada istediğiniz ve Flash geliştirme gibi bir şey çalışmaya kullanıldığı takdirde Bu ikinci kare olan bu ilk kare olacak ve bu son kare ve ben istedim 10 orada aralık tutmak Ben sadece yüzde 80 yüzde 10 yüzde yirmi yüzde otuz kırk olur Yüzde elli-yüzde altmış oranında ve benzeri Ben 200 elde edene kadar bu anahtar kare bana 10 kareleri böylece verecek aranjma

n biz sadece bir pasady ilk anahtar karede üç anahtar kare var eleman, ikinci anahtar kareye sonra tam bir ayarlanır animasyon de donukluk neredeyse aşağı getirilir Bunu yapabilirsiniz .1 tüm yol 20 BT 0-2-1 olduğunu ve ardından animasyonun üçüncü anahtar çerçevede biz geri donukluk ayarlayın Tam bir tane Şimdi yapmak kaldı tüm bu flaş o sınıfı vermek sayfadaki başka elemanlara Şimdi bu aşağı gidelim: sınıfta koymak h1 eşittir Sadece testiste gitmek hızlı bir gösteri amaçlı şimdi flaş Firefox veya Internet Explorer Eğer küçük yanıp sönen öğeleri şimdi bakın Ben bu sınıfı Flash vermek istediğiniz sayfada artık herhangi unsurları değilim Ben yapmak için o kadar WebKit eklemek edeceksin biliyorum unsurları yanıp sönen olacak o çalışır emin Biz de bu testi yüzden Google Chrome'u değilim Internet Explorer'da her şey gayet güzel çalışıyor göreceksiniz ancak dersin sonunda yapacağız çalıştığından emin olmak için WebKit önek eklemek ediyoruz Safari ve Chrome Şimdi en etkileyen darbe geçelim ve anket verilen Benzer bir anahtar kare animasyon kurulur bu yüzden ilk olarak ne benim tüm vücutta gidiyor ve ben koyacağım ve görüntü ve bu sadece çok zor benim yarattığım PNG görüntüsünü nokta ise ve ben onların sana sayfadaki bir kalbim var şimdi bakın yaşıyorum kılan size göstereceğim şu bizim yanıp sönen elemanı altında şimdi temelde Ben bütün bu düzenlemedir bir kopyasını flaş bu sınıfı tarama değilim ve flaş sınıf eklemek animasyon ben bu yüzden eleman olduğunu animasyon ve gösterişli sınıf olanlar altında amacım hakkını kopyalanan erkekleri pop ve söylemek için bu değiştirin: Ankette dedi ve anket isim oluyor anahtar kare animasyon Şimdi kalbim bir varsayılan boyut a sahip Ben onun ile 200 piksel düşünüyorum Peki ne yapmam gerekir ben sadece donukluk bu değiştireceğiz olduğunu ile 200 piksel başlayacak Ben sadece kopyalayıp bu donukluk ayarlarını değiştirebilirsiniz ayarları ile ve daha sonra orta birini değiştirmek Ben büyümek ya da küçültmek istediğini olmak 200 ve 40 piksel büyümek yapmak vardır ve ben o animasyon zamanlamasını değiştirebilirsiniz yolu davranır ve animasyonun tüm yönleriyle yüzden .5 o koyalım bu yüzden biz yapmak zorunda artık hızlı atıyor emin bu Ankette söz konusu sınıf Flaş anahtar kareler animasyon kastettiği bunu yapmak zorunda Bu anketler kare animasyon bakın ve hepimiz ne yapacağım şimdi ayarlanması gerekir biz görüntü içine gidersiniz olduğunu ve anket yudum daha yazarak görüntü sınıfı koyacağız Şimdi kalp Ben olacak merkez şeyi ben dayak gibi görünmelidir sayfa satmak için daha iyi text-align bakliyat: merkezi Alice Firefox'ta olduğu önizleme Ben olacak açıyorum Henüz elemanları ve yanıp sönen elemanları pulsing temelde mantık sadece bir devlet onu alıyor sonra tekrar o taşınır emin başka bir devlete ve Ben Bu şekilde ben ani bir geçiş var ve ön o üzerine WebKit öneki tokatladı Eğer WebKit öneki ile sürümüne sahip ve tüm için sürümüne sahip diğer tarayıcılar ve bu her zaman yapmak zorunda şey olabilir Her zaman yakında nedeniyle WebKit öneki kullanmak zorunda Tüm WebKit tabanlı tarayıcılar artık bu önek gerek geçici Alice yapmak zorunda bir şey Chrome'da olduğunu görmek şimdi biz unsurları yanıp sönen ve titreşimli vardır gitmek o orada değil çok düşülen video zevk yapmalı Sadece kötü Anahtar bağımsızların abone butonuna Janam tıklayın düzenli olarak şeylere yeni ekipler üretir yazılı küçük kâtip birkaç bedeni ve o bana anlattı ancak diğer Eğer sirenler yardımcı olmak için hazırlanan konum bir dahaki sefere ev izlemek için teşekkürler karartmak ev.

Açıklama

Ders Kodu: http://www.developphp.com/video/CSS/Flash-and-Pulse-Effects-keyframes-Animation-Tutorial Teçhizat Flash öğrenin veya CSS3 kullanarak efekt animasyonları Pulse.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 205
    Olumlu
  • 3
    Olumsuz
  • 43
    Yorum
  • 16905
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Fuse

    Fuse

    21 Kasım 2005
  • WiseOwlTutorials

    WiseOwlTutor

    21 EKİM 2011

ANKET



Bu sayfa işinize yaradı mı?