CSS 3D ANİMASYON

CSS 3D ANİMASYON

Tarhi : 14-07-2019 11:39:12 | Yazar : ÇAĞLAR BOSTANCI

Merhaba arkadaşlar, bildiğiniz gibi google flash ile yapılan sitelerde seo yapamaması nedeniyle, flash ile yapılan siterler artık tarih oldu. Bu sebepten flash’ın bırakmış olduğu açığı bir çok kodlama dili üstlenmeye başladı ve css de bunlardan biri. Gün geçtikçe css ile animasyonlar yapar hale geldik. Bu uygulamada ise css 3d persvective, transition-style, transfrom, transform-style gibi 3d css kodları ile bir küp yaptım. Bu uygulamada javascript kodlarıda kullanmak zorunda kaldım. Sayfadaki range butonları ile küpü istediğini açıya alabiliyorsunuz. Css 3d ile ilgili bütün kodları ve açıklamalarıyla birlite bir sonraki yazım detaylı olarak ele alacağım. Bu uygulama ile sitenizde persvective bir açı koyabilir ve kullanıcıları etkileye bilirsiniz. Küpün her bir yüzünü buton haline getirebilir yeni bir menü türü üretebilirsiniz. Her bir div’in içerisine bir video ekleyebilir yeni bir tarz getirebilirsiniz. Bunun gibi bir çok uygulama yapabilirsiniz temel olarak ben hazırladım. Sizlere de faydalı olması dileğiyle, başarılar.

Reklam Alanı