CSS ile Etkileyici Gölge Efektleri

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


Photoshop ile Instagram Early Bird Filtresi


Warning: sizeof(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 824

Warning: count(): Parameter must be an array or an object that implements Countable in /home/adobew/public_html/wp-content/plugins/ad-injection/ad-injection.php on line 831

Instagram efektlerini konu alan Photoshop derslerimiz devam ediyor. Webstagram‘ın istatistiklerine göre en popüler Instagram filtresi %7.79 kullanım oranıyla Early Bird. Durum böyleyken Adobewordpress olarak Early Bird efektini Photoshop’a dökme gereği duyduk. (daha&helliip;)

Devamını Oku

CSS ile Yazılara Gradient Efekti

Bu dersimizde ilk olarak Nick La’nın web sayfasında gördüğüm CSS Text Gradient tekniğini öğreneceğiz.

Bu teknik minik bir hile üzerine kurulu. Web sayfanızın arka plan rengiyle uyumlu gradient dosyaları hazırlayıp onları span halinde yazıların üstüne ekliyoruz.

Nasıl mı? Beyaz bir arka plan, üzerinde siyah bir başlığın olduğu sayfanız var diyelim. Beyazdan 0% opacity e doğru giden bir gradient çizip .PNG uzantısı ile kayıt ediyorum ve yazının üzerine gelecek şekilde yerleştiriyorum. Böylece gayet kullanışlı bir yazı efekti elde ediyorum.

ÖRNEĞİ GÖRÜNTÜLE

(daha&helliip;)

Devamını Oku