Etiket Arşivi

CSS Resim Kaplama Uygulaması – Efektif Bilgi Kartları Oluşturma!

image overlay

Bu videomuzda pratik site uygulamaları serisinde web sayfalarında çokça görülen resmin üzerine gidildiğinde resim açıklamasını gösteren resim kaplama olayını anlattık. Bu videomuzda değinilen özellikler; rgba renk ayarlaması, box-shadow olayı, overflow:hidden, position:absolute, position:relative, hover olayları işlenmiştir. Özellikle kutu pozisyonlarının nasıl kullanılması gerektiği, absolute-relative-static pozisyonlara değinilmiştir.Sizde bu video’da anlatılanları kullanarak bilgi kart …

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

13 Dakikada HTML-CSS İle Şık Menü Tasarımı

Css menü yapımı

Bu Video’da Hızlı Bir Şekilde Sitemize Şık Bir Menü Sadece HTML-CSS Kodlarıyla Yapımı Anlatılmıştır.Ayrıca Eric Meyer’in Reset.CSS Dosyası Projemizde Kullanımından Bahsettik.Aklınıza Takılan Yerleri Yorumlar Kısmından Sorabilirsiniz. Video’da Anlatılan Dersin Kaynak Kodlarına Aşağıdaki Linkten Ulaşabilirsiniz. https://drive.google.com/open?id=1u2oyu97PkQr4faTAc-wAWRCWgJ2wmXyR ABONE Olmak için Tıkla! https://www.youtube.com/channel/UCcQmwKW-RSC978EisXee39Q?sub_confirmation=1 İzlemeniz Gereken Yararlı Videolarımız! En Kolay Yolla Format Atmak : …

Daha Fazla