shadow

CSS ile Etkileyici Gölge Efektleri

Vatanay Özbeyli 7 Yorum CSS3, Tasarım Unsurları

Merhaba arkadaşlar.

Daha önce öğrendiğimiz CSS gölge satırlarını bugün detaylandırıyoruz. Çıkış noktamız yine box-shadow, fakat bu sefer gölgelerde bile boyutlandırma işlemi yapacağız.

Bahsettiğimiz gibi ilk gölgelendirme yazımızda (görüntülemek için tıklayın) temel teknikleri konuşmuştuk. Sonrasında box-shadow kod birimi ile çoklu border sistemini öğrenmiştik. Aslına bakarsanız gölgelendirme üzerine birçok yazımız mevcut. Makalenin en altındaki ilgili konular alanına göz atabilirsiniz.

Şimdi yavaş yavaş başlayalım.
(daha&helliip;)

Devamını Oku


CSS ile Text-Shadow’a Maske

Vatanay Özbeyli Yorum yazın CSS3, Tasarım Unsurları

Masked Text Shadow

Daha önce CSS3’ün gelişmiş text-shadow özelliği ile şık tasarımlar yaptık. Bu makalemde ise oluşturduğumuz çizgisel PNG dosyasını kullanarak gölgelerimizi nasıl maskeleyeceğimizi öğreneceğiz. Özellikle başlıklarınızın için kullanabileceğiniz bu gölgeleme tekniğini hazırlamak gayet basit.

Maske.png dosyasına buradan erişebilirsiniz.

Eğer hazırsanız derse başlayalım. (daha&helliip;)

Devamını Oku