Kayıtlar

animation-name etiketine sahip yayınlar gösteriliyor

CSS3 animation-name Özelliği

CSS3 animation-name Css ile animasyon oluşturulurken @keyframes kullanılır ,animasyon kareleri olarak da düşünülebilir. Seçilen Html elemanına uygulamak için animasyon için özel benzersiz bir ad kullanılmalıdır.Bu adı belirtirken animation-name :"animasyonun ismi " şeklinde kullanılır.. Örnek: Aşağıdaki animasyon adı "eren" olarak seçilmiştir. div { animation-name: eren; -webkit-animation-name: eren; /* Chrome, Safari, Opera */ } Kendiniz deneyin » CSS3 animation-name nedir nasıl kullanılır Css ile animasyon oluştururken @keyframes kareleri için benzersiz bir animasyon ismi oluşturulmalıdır. Çünkü o karedeki özelliklerin hangi HTML elemanına uygulanacağını belirtilmesi gerekir. Bu animation selector olarak düşünülebilir. CSS animation-name CSS animation-name özellikleri   Varsayılan Değer: none   Kalıtsallık: yok   Animas

JavaScript CSS3 animation-name Örnek

javascript css3 animation-name örnek uygulama Javascript ile animation-name özelliğine "farklı animasyon özelliğii ismi" değeri verildiğindeki etkisini görmek için aşağıdaki çalıştır tuşuna basınız ! Çalıştır JavaScript css animation-name © htmlvecssegitimi.blogspot.com

CSS3 animation-name Örnek

htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı 'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE HTML><html lang="en-US"> <head> <meta charset="UTF-8"> <title>css animation name örnek ve uygulaması</title> <style> div { width: 80px; height: 80px; background: gray; color:yellow; margin:10px; border-radius:10px; box-sizing:border-box; padding-top:26px; text-align:center; font-size:25px; position: relative; -webkit-animation-name: eren; /* Chrome, Safari, Opera */ -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */ animation-name: eren; ani