Etiket Arşivi

CSS Animasyonlu Buton Yapımı – CSS Sözde Sınıf (PSEUDO CLASS) Kullanımı

css buton

✎ 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() …

Daha Fazla

CSS Text Animasyonları – Site Giriş Animasyonu Yapımı!

css text animasyon

✔ 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 …

Daha Fazla

CSS Animasyon İşlemleri – Css Transform Olayları!

css transforrm

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 …

Daha Fazla

CSS3 Transition Geçiş Efektleri – CSS Animasyonlarına Giriş!

transition css

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 …

Daha Fazla