Image Hover #1 - Rainbow
Wednesday, 13 February 2013 | 3:01 am | 0 comments
Assalamualaikum and annyeonghaseyo. Hari ni ween nak share cara nak bagi gambar bertukar jadi warna warni bila korang halakan cursor. Try halakan kat mana-mana gambar blog ni. Tutor ni direquest oleh e-cha tapi ween tak tahu macam mana nak contact dia sebab dia private link. So harap e-cha dapat tutor ni.
- Classic template/blogskin
1. Pergi Dashboard > Template
2. Tekan F3 dan cari code </style>
3. Copy code dekat bawah ni
img {filter: hue-rotate(360deg);-webkit-filter: hue-rotate(360deg);-moz-filter: hue-rotate(360deg);-webkit-filter;(1);-webkit-transition: all 0.7s linear;-moz-transition: all 0.7s linear;transition: all 0.7s linear;}img:hover {filter: hue-rotate(0deg);-webkit-filter: hue-rotate(0deg);-moz-filter: hue-rotate(0deg);-webkit-filter;(0);}
4. Paste di atas code </style> tadi
5. Preview dulu kalau jadi save.
- Simple template dan yang sewaktu dengannya
Paste bawah kod scrollbar atau atas kod blockquote atau bawah kod a:hover {
