Google Web Designer'da animasyon oluşturmak için iki mod kullanılabilir: 1. Hızlı Mod: Animasyonu sahne sahne oluşturmayı sağlar. 2. Gelişmiş Mod: Her bir öğenin zaman çizelgesinde kendi katmanı olur ve animasyon karesi işaretçileri, zamanlamasına göre yerleştirilir. Animasyon oluşturma adımları: 1. Katman Seçimi: Animasyon yapılacak katmanı seçin. 2. Anahtar Kare Ekleme: Zaman çizelgesinde, animasyonun başlangıç ve bitiş noktalarını belirlemek için anahtar kareler ekleyin. 3. Özellik Ayarı: Her anahtar karede, animasyonlu öğenin CSS özelliklerini ayarlayın. 4. Önizleme ve Düzenleme: Animasyonu önizleyin ve gerekli düzenlemeleri yapın. Bazı animasyon özellikleri: Hareket Yolları: Animasyon üzerinde tam kontrol sağlar. Yumuşak Geçiş: Animasyonun geçiş efektlerini özelleştirmeye olanak tanır. 3D Dönüşümler: CSS3 kullanarak 3D içerikler oluşturma ve işleme imkanı sunar. Google Web Designer, animasyonlar için AMPHTML reklamlarında yalnızca `transform`, `opacity` ve `visibility` gibi belirli CSS özelliklerini destekler.