Yaklaşan için SVG ile ilgili bir sunum hazırlarken
Stockholm Web Monkeys
Meetup basit bir slayt oluşturmak için gereklidir. Bu sadece şimdiye kadar kontrollü bir ortamda sunulacağını ifade beri, CSS 3D dönüşümleri ile fırsat ve deney almaya karar verdi.
Slaytlar arasında geçiş CSS 3D dönüşümleri ve geçişleri kombinasyonu ile mümkün olmaktadır. JavaScript kullanıcı girişi ve CSS oradan alır bağlı slaytların sınıf isimleri güncellenmesi sorumludur. Sınırlı mantığı sayesinde ben de herhangi bir üçüncü parti kütüphaneler kullanmaktan kaçınmak başardı içeriyordu.
Her slayt iç içe bir slayt içerebilir. Üst düzey slayt klavye sağ / sol ile navigasyon ve iç içe Slidesho sonra yukarı / aşağı okları kullanarak ulaşılır.
İpucu: Bir kukla CSS 3D dönüştürme uygulayarak geçişler / mobil Safari animasyonlar oluşturma performansını artırabilir. Örneğin: -webkit-transform: translate3d (0,0,0) .
Bu gibi CSS3 3D dönüşümler, destekleyen bir tarayıcı gerektirdiğini unutmayın
Krom
veya mobil Safari.
Slayt şimdi sırayla iç bağlantılar için destek sağlayan benzersiz bir URL başına slayt sağlar.
[Üye Olmadan Linkleri Göremezsiniz. Üye Olmak için TIKLAYIN...]