fka blog journal of programming studies

HTML5 + CSS3 "perspective" ve "rotateY" Kullanarak Çevirme Efekti Yaratmak

HTML5-CSS3

Merhaba,

Bu aralar HTML5 + CSS3 deneyimlerime daha da hız vermiş bulunmaktayım :) perspective ve rotateY efektlerini kullanarak (ve tabii ki transition) basit bir çevirme efekti yaratmak istedim. Kart yukarı kalktığında hafif bir yükselme yaşıyor ve gölgesi daha dağılıyor. Ve tabii ki burada backface-visibilitynin en güzel örneğini de görüyoruz.

En güzel örnek olarak bir iskambil kağıdı koymak istedim, umarım beğenirsiniz :)

Not: -webkit- önekleri yerine -moz- önekleri vererek Firefox’ta çalışmasını sağlayabilirsiniz.