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.