CSS animasyonları - CSS animations

CSS Animasyonları
CSS Animasyonları Seviye 1
	Üzerine gelme efekti kullanan etkileşimli SVG
Yerli isim	CSS Animasyonları
Durum	W3C Çalışma Taslağı
İlk yayınlandı	20 Mart 2009
En son sürüm	Seviye 1 ; 11 Ekim 2018
Önizleme sürümü	Editörün Taslağı ;
Organizasyon	World Wide Web Konsorsiyumu
Kurul	CSS Çalışma Grubu
Editörler
Temel standartlar	CSS
Alan adı	CSS
Kısaltma	CSS-ANİMASYONLAR-1
İnternet sitesi	www .w3 .org / TR / css-animations-1 /

CSS animasyonları için önerilen bir modüldür basamaklı stil sayfalarını verir animasyon ait HTML CSS kullanarak belge elemanları.

Tarih

Sözde sınıf :hover yıllarca ilkel animasyonlar oluşturmak için kullanılırken, CSS'nin animasyon alanına genişletilmesi 2000'lerin sonlarına kadar minimum düzeyde kaldı. 2007'nin başlarında WebKit , CSS animasyonunu, geçişlerini ve dönüşümlerini WebKit'in özellikleri olarak dahil etme niyetini duyurmuştu. Ayrıca, Şubat 2009'da CSS aracılığıyla hem örtük hem de açık animasyonun uygulandığını duyurdu. CSS animasyonu, World Wide Web Consortium (W3C) tarafından yönetilen devam eden taslak şartname olan CSS3'ün bir özelliği olarak ortaya kondu .

Akım

CSS Animasyonları, Basamaklı Stil Sayfalarının bir modülüdür. Kullanıcıların nesnelerin üzerine gelmesine izin verir ve bir animasyon oynatılır. Şu anda, tüm büyük arama motorları tarafından benimsenmiştir. Javascript aracılığıyla animasyonu tercih edenlerin tartışmalarına rağmen, hover etiketi artık Basamaklı Stil Sayfaları topluluğunda yaygın olarak kullanılıyor.

ölçeklendirilebilir Vektör Grafiği

CSS 3 kullanan animasyonlu SVG

İmleç üzerine gelmenin yanı sıra , Ölçeklenebilir Vektör Grafikleri , @keyframes at-kuralını destekler ve sınırlı bir dönüşüm kümesinin canlandırılmasına izin verir. @Keyframes CSS 3 spesifikasyonuna eklenmeden önce, Firefox ve Chrome sırasıyla @ -moz-keyframe ve @ -webkit-keyframe uzantılarını kullanıyordu .

Tarayıcı desteği

Haziran 2011 itibarıyla Firefox 5, CSS animasyon desteği içermektedir. CSS animasyonu, Google Chrome , Safari 4 ve 5 ve iOS için Safari (iPhone, iPod Touch, iPad), Android sürümleri 2.x ve 3.x, Internet Explorer 10'un yanı sıra WebKit'in gecelik sürümlerinde bir modül olarak da mevcuttur. + ve Microsoft Edge tarayıcısı, BlackBerry OS 6 web tarayıcısı, -webkit- önek ile birlikte . Ayrıca iTunes 9'da iTunes LP dosyalarını desteklemek için kullanılır .

Tartışma

CSS animasyonunun geliştirilmesinin başlarında, JavaScript veya daha az kullanılan bir kapsamda Senkronize Multimedya Entegrasyon Dili (SMIL) yoluyla animasyonu tercih edenlerin endişelerini çekmişti ; diğerleri , WebKit projesinin ana sponsoru olan Apple Inc.'in , Safari kullanan şirketin iOS mobil cihazlarına Adobe Flash'ın (ve görevdeki Flash animasyonlarının ) dahil edilmesinden kaçınma hareketi olduğunu iddia etti . Dahası, Basamaklı Stil Sayfaları nispeten kullanımı kolay bir programlama dili olmasına rağmen, birçok programcı hala animasyon yapmakta zorlanmaktadır. Bu sorunla, birkaç kişi ve web sitesi, kullanıcıların kopyalaması için kod içeren açık kaynaklı CSS düğme animasyonları geliştirdi ve oluşturdu. Bununla birlikte, bu önceki tartışmalarla bile, CSS animasyonları ağırlıklı olarak bulunabilir ve internette yaygın olarak kullanılabilir.

Ayrıca bakınız

Referanslar

Dış bağlantılar

Bu iletişim tasarımı ile ilgili makale bir taslaktır . Wikipedia'yı genişleterek yardım edebilirsiniz .

Languages

In other projects