Etiket Arşivi

✎ CSS Animasyonlu Buton Yapımı – CSS Sözde Sınıf (PSEUDO CLASS) Kullanımı ✎ ➤ Bu videomuzda; Css animasyonlarıı kullanmaya devam edeceğiz.Tek bir konudan ziyade birçok konuya değindiğimiz videomuzda konu başlıkları aşağıdaki gibidir. ● CSS Sözde Sınıf (PSEUDO CLASS) Kullanımı ● CSS ::before kullanımı ● CSS :hover kullanımı ● CSS transform:scale() …

✔ CSS Text Animasyonları -Site Giriş Animasyonu Yapımı! ➤ Bu videomuzda aşağıdaki konulardan bahsettik. ● CSS Text Animasyonları ● @keyframes nasıl kullanılır ne işe yarar ● Css animasyon yapımı ● CSS z-index ● CSS position relative ● Basit css giriş animasyonu ● CSS letter-spacing kullanımı Bu video’da oluşan kodları aşağıdaki …

Bu videomuzda;CSS’de animasyon işlemleri için kullanılan Transform olaylarından bahsedeceğiz. Transform “Değişim dönüşüm” anlamında bir anahtar kelimedir.Kutular ve resimler üzerinden transform işlemleri nasıl yapılıyor bunlarla alakalı özellikler üzerine konuşacağız. Bahsettiğimiz özelliklerden bazıları aşağıdadır. ● translate(x,y):CSS’te özelliğin kullanıldığı nesnenin konumunu değiştirmek, nesneyi kaydırmak için kullanılır. ● scale(x): Uygulanan nesnenin boyutunu, ölçeğini değiştirmek …

Bu videomuzda CSS geçiş efektlerinden bahsedeceğiz.Bir durumdan diğer duruma geçiş olaylarının nasıl olduğunu, bu durumların üzerine geldiğinde,odaklandığında vb. durumlarda nasıl tetiklendiği ile ilgili anlatım yapılmıştır. Özellikle; transition, transition-property, trasition-duration, transition-timing-function, transition-delay özellikleri örnek uygulama üzerinde gösterilmiştir. Bu video’da ki örnek uygulamanın kaynak kodlarını aşağıdaki linkten indirebilirsiniz. https://drive.google.com/file/d/15Bpn_CJCdb49jB5OoWB6ULPF7Kh88lyz/view?usp=sharing ABONE Olmak için …