About;
What's Happening?
Liyana Izzati. Fifteen. Seoul.
I'm Kpoppers and maybe not forever. All tutorial is here. Multifandom.
Shout here;
Talk to much
Archieve;
Search my tuto here
Credit;
The Cretive!
© 2013 - Full Template by Arrien Amani and someone help me is Mayra and Inficon . Edit by Liyana Izzati .
Tutorial : Image Hover Style #3
Hari ni Liyana nak ajar cara , kalau kita hover je image tu , dia akan jadi bewarna . Ramai yang buat macam ni .Cuma saya baru nak buat tuto .
For Blogskin
1. Dashboard > Template > Edit Html .
2. Tekan Ctrl+f dan cari code </style>
3. Copy code 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 code tu atas code </style>
5. Preview and Save .
For Design.
1. Dashboard > Design > Edit Html > Tick Expand Widget Templates
2. Press Ctrl+f serentak dan cari code /* Header
3. Copy code 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 dekat atas code /* Header
5. Preview and Save .
PAST • FUTURE
Tutorial : Image Hover Style #3
Hari ni Liyana nak ajar cara , kalau kita hover je image tu , dia akan jadi bewarna . Ramai yang buat macam ni .Cuma saya baru nak buat tuto .
For Blogskin
1. Dashboard > Template > Edit Html .
2. Tekan Ctrl+f dan cari code </style>
3. Copy code 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 code tu atas code </style>
5. Preview and Save .
For Design.
1. Dashboard > Design > Edit Html > Tick Expand Widget Templates
2. Press Ctrl+f serentak dan cari code /* Header
3. Copy code 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 dekat atas code /* Header
5. Preview and Save .
PAST • FUTURE
Le' Owner!
Here owner! meet them
Biography ; Hi. I'am Liyana, 19 years old. Batch 98.I'am Malaysian. I big fan of Exo , BTOB , 100% , Infinite and C-Clown . Fandom that I'm currently in : Exotics, Melody, Love, Baby, Inspirit and Crown. I'm a Muslim and live in Malaysia. I love k-pop! I love making to changes blog template. Ulzzang addict. Whoopers and my twitter timeline is part of my lifeu \o/ Chocolate ftw. I shipper ,HunHan, Vinseop, Myungjong, Monday couple, JunRay and Chunjo .<3
I have many bias. Don't be jelly okey. Now i addict only ,14 guy . OMG!. It Sungjong, Sehun, Luhan, Minhyuk, Peniel, Sungjae, Ren, Minhyun, JR, Zelo, JongUp, Daehyun, Ray and Kangjun . I love to make new friend. I love and miss my friends Ana Marlina . Now she at Johor. I hope i will me her again. :D
" Dont judge the book, by it cover only "
All tips
All you want , is here
Tutobies
Fell free to use it
Post a Comment