CSS3 ile Yazıya Baskı Gölge Vermek - 2: Class Tekniği

05 Oct 2011

Merhaba,

Önceki postumda bu işin detaylarını anlatan bir yazı yazmıştım. Bugün o detayları biraz daha ilerlettik ve rgba kullanarak vermiş olduğumuz tonlamaları CSS’e yaptırdık. Ortaya çıkan sonuç şu oldu:

Sadece bu CSS classı ile mükemmel işler yapabiliriz :) Burada gördüğümüz class, background’a göre kendisine gölge ve yeni renk atıyor. Tabii rgba kullanarak. Daha önceki yazımda yaptığımızın aynısı aslında, yalnızca önceki değerleri iptal etmesi için biraz important ve biraz da asıl sihri sağlayan rgba kattık.

Bu sınıf ile yaptığımız örneklere gelirsek, şu harika işleri görürüz:

Harika göründüğünü söylemiştim :) Bu kod içerisine bir de ufak bir button frameworkü kondurdum, belki işinizi görür :)

Bunu harika kullanan tasarımcı arkadaşlar olduğuna eminim, umarım siz de bunu kullanarak yeni işler yaparsınız.

Tek yapmanız gereken yukarıdaki sınıfı bir elemente vermek :) Arkaplanın orta koyu tonlarda olduğu durumlarda daha güzel göründüğünü belirtmekte fayda var.

Bir örnek de arkaplanlı bir değer için verelim, fakat burada sınıf üzerinde color değerinde alpha’yı biraz yükselttik, arkaplandan biraz ayrılması için. Bu tarz ince ayarlar yaparsanız işinizde daha iyi kullanabilirsiniz:

Evet işte şimdi çok orijinal oldu :)

Teşekkürler.