Scale (Ölçekleme) Animasyonu İle Duyarlı Giriş Sayfası

Bu makalemizde Css3 ün  Scale (Ölçekleme) özelliğiyle animasyonlu giriş sayfası yapmayı anlatmaya çalışacağım.

Css3 de scale özelliği elemanları büyütmek ve küçültmek için kullanılmaktadır.

Web sitelerinde animasyonlu giriş (intro) sayfaları kullanıcıların dikkatini çekmek, kullanıcıyı belli bir bölüme yönlendirmek için kullanılmaktadır.  Bununla birlikte bu uygulamayı responsive (duyarlı) şekilde hazırlayarak daha zenginleştireceğiz.

Önce sayfamızda yer alacak olan başlık, content ve butonları oluşturalım. Arkasından stil kodlarımızla şekil verelim ve animasyonumuzu oluşturalım.

Anlatımı görsel olarak aşağıdaki videodan veyahut youtube sayfamdan takip edebilirsiniz.