Adobewordpress adlı üyeden alıntı

Google web fonts u araştır, ordan güzel bir font seç derim.
Sonrasında ise css ile gradient oluştur veya yemredeki gibi görseller hazırla png olarak, görseli photoshop ta aç. invert (ctrl+i) yap yani renkleri ters cevir, sonrasında ise farklı kaydet.

bir div oluştur. divin hoveri için aşağıdakine benzer css yaz.

.divadi{background:url(normal.png); color:black;}
.divadi:hover{background:url(normal.png); color:white;}

Fikir vermek için kısa kısa yazdım.

Ayrıca buradan css gradient tekniğini ,buradan da google web fonts'un kullanımını öğrenebilirsin.

kolay gelsin.


hocam bunu düşündüm uyguladım fakat pek hoş durmadı. ayrıca onlarda bir geçiş efekti var, o efekti nasıl verebileceiği bilmiyorum. bu arada foruma çok yararlı ve hoş geldiniz :)