Etiket Arşivi

CSS Animasyonlu Bilgi Kartları – CSS Animasyonları Uygulama!

css2020

✎ CSS Animasyonlu Bilgi Kartları – CSS Animasyonları Uygulama! ✎ ➤ 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 inherit nedir? CSS inherit kullanımı ● CSS backface-visibility kullanımı ● CSS transform:rotateY() kullanımı ● CSS transition kullanımı ● CSS …

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

Css Flexbox ile Modern Form Tasarımı – Mobil Uyumlu Form Tasarımı!

flexbox form

➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚➘➚ Bu videomuzda; Css Flexbox yapısını kullanarak modern bir form tasarımı yaptık.Flexbox özelliklerinin yanısıra birçok css özelliğine de değindik. Bahsettiğimiz bazı konular; ● Site arkaplanı için “pattern” kullanımı ● Sitemizde flexbox uygulamak için gereken html site yapısını oluştururken dikkat edilmesi gerekenler ● Css calc fonksiyonu ve kullanımı ● Css vh …

Daha Fazla