Etiket Arşivi

CSS Çarkı – CSS Flexbox Yapısı İle Dairesel Şekiller Oluşturma!

border-radius

❣ 𝐂𝐬𝐬 𝐂𝐚𝐫𝐤𝐢 ❣ ✍ Bu videomuzda; CSS’in border-radius özelliğini etkili bir şekilde kullanma olayından bahsettik. Ayrıca aşağıdaki konular üzerinde durduk. ☑ CSS’te bir daire nasıl yapılır? ☑ CSS daire parçaları oluşturma ☑ Flexbox yapısı ile site ortalamaları ☑ CSS border-radius özelliğini aktif kullanma Video’da oluşan kodları aşağıdaki linkten indirebilirisiniz. …

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

CSS Şık Kart Tasarımı – CSS Kutu-Text Gölgelendirme-Kenar Yuvarlama-Döndürme!

css kart tasarımı

Bu videomuzda HTML-CSS ile bir kart tasarımı yapacağız.Bunu yapabilmek için kullandıklarımız; CSS box-shadow (kutu gölgelendirme), border-radius (kenar yuvarlama), transform(rotate) (Döndürme) özelliklerini kullandık. Ayrıca burda kutuya uygulanabildiği gibi text üzerine de uygulanabilmektedir. Sizde bu videoyu izleyerek değişik güzel kart tasarımları yapabilirsiniz. Video’da yapılan uygulamanın kaynak kodlarını aşağıdaki linkten indirebilirsiniz. https://drive.google.com/file/d/1dN9nAYOz6OOmFELptnkkGIPug4AUjekl/view?usp=sharing ABONE …

Daha Fazla