♥ Love Story.

Nur Farisya Safiyya

.The Girl.

It Me

• Story • owner • links • Stuff •
Dashboard +Follow

Pencuri Hati

Follow @faraheone

.Gula Hati.

Cinta Hati

Hanya Aku Cinta Kau Seorang..HACKS

♥ ----------------------

.Tagboard.

Talk To Me

URL blog wajib ade not email !

Harsh words & Anon not allowed !
Cuties Viewing | Visitors

Tutorial : Image Hover 7 (Grey)

posted on Tuesday, January 15, 2013 | 12:49 PM | 0 Teddy Bear

1. Dashboard > Template

2. Tekan Ctrl + f serentak dan cari code </style>

3. Copy code dekat bawah ni

/*------ IMAGE ANIMATION------*/
img, a img {
filter: none;
-webkit-filter: grayscale(0);}
.photo img {
opacity:1;
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;}
img:hover, a:hover img {
filter: url(filters.svg#grayscale); /* Firefox 3.5+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
-webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out;
-o-transition:all 0.4s ease-in-out;
transition:all 0.4s ease-in-out;}

4. Paste di atas code </style> tadi
5. Preview & save.

Older Post | Newer Post