Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim dersi formatında olup, bir eğitmen tarafından CSS'de geçiş animasyonlarının nasıl yazılacağı anlatılmaktadır.
- Videoda, CSS'de geçiş animasyonlarının tek satırda nasıl yazılacağı gösterilmektedir. Eğitmen, önceki derslerde öğretilen transition özelliğinin yanı sıra, property, duration, timing function ve delay gibi dört özelliği tek satırda nasıl kullanabileceğimizi açıklamaktadır. Bu yöntem, projelerin ilerledikçe ve daha fazla animasyon yapmak istendiğinde kodun daha düzenli ve hızlı yazılmasını sağlar. Ayrıca, ilerleyen derslerde transform, 2D ve 3D transform animasyon derslerinin ekleneceği belirtilmektedir.
- 00:07CSS Geçiş Animasyonlarının Kısa Yolu
- Bu derste CSS geçiş animasyonlarını tek satırda kısa yoldan nasıl yazabileceğimiz öğreneceğiz.
- İlerleyen derslerde transform, 2D ve 3D transform animasyon dersleri eklenecek ve özellikler artacak.
- Bir geçişi dört beş satırda yazmaktansa tek satırda yazmak daha kolay gelir.
- 00:34Geçiş Animasyonunun Kısayolu
- Geçiş animasyonunun kısayolu "transition" yazıp "with" değerleri ile oynamaktır.
- Bu kısayolda property, duration, delay ve timing function özellikleri tek satırda yan yana yazılabilir.
- Geçiş animasyonu dört tane özellik alabilir: property (geçişi hangi özellikte yapmak istiyorsanız), duration (ne kadar zamanda olacak), timing function (hangi geçiş özelliğini vermek istiyorsanız) ve delay (gecikme).
- 02:34Kısayolun Faydaları
- Bu kısayol sayesinde dört satır yerine tek satır kod yazarak geçiş animasyonlarını oluşturabilirsiniz.
- Proje ilerledikçe veya kendi projelerinizde başlıklarda, alt başlıklarda, resimlerde ve arka plan resimlerinde sürekli alt alta tanımlamak yerine bu kısayolu kullanabilirsiniz.
- Bu şekilde alıştığınızda tek satırlık kodlarla hızlıca geçiş animasyonları oluşturabilirsiniz.