CSS ile Siyah Beyaz Fotoğraflar


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

CSS DersleriBundan birkaç ay önce CSS‘in filtreleri üzerine “Sadece CSS ile Görsellerinizi Yönetin” isimli makalemizde konuşmuştuk. O günden bugüne kesinleşen ve tanım değişimine uğrayan elemanları incelemeye devam ediyoruz. (daha&helliip;)

Devamını Oku


CSS Gradient Arkaplan ve Performans

CSS in background kod satırı içerisinde desteklenen onlarca arka plan türü var. Bu yazımda ise gradient (renk geçişlerini) türünü konuşacağız.

Görsel sıkıştırma üzerine konuştuğumuzda renk geçişleri içeren bir objenin dosya boyutunun yüksek olduğundan bahsetmiştik. Hele ki bu görsel zıt tonlamalar arasında geziyorsa onu yayınlamak hem sunucunuzu hem de ziyaretçinizi fazlasıyla rahatsız eder.

CSS ise bunu farklı bir yolla yapıyor. Rengin atanması ve gradient olarak arka plana yerleşmesi kişinin siteyi ziyaret ettiği bilgisayarda işlenmekte ve bant genişliğini rahatsız etmemekte. (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