Image Hover*5
Image Hover : 7.35 a.m.
sory kecik..kalo besarkan nnti border blog melebar :D
- Blogskins/ Classic template : Paste codes ni selepas code img:hover {
- Template designer : Paste codes ni sebelum ]]></b:skin>
img:hover{
-webkit-animation-name: MMCa2;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}
@-moz-keyframes MMCa2 /* Firefox*/
{
{ -ms-transform:: translate(0px, 0px) rotate(0deg); }
50% { -moz-transform: translate(0px, 0px) rotate(360deg); }
}
@-ms-keyframes MMCa2 /* IE9*/
{
0% { -ms-transform: translate( 0px, 0px) rotate(0deg); }
50% { -ms-transform: translate( 0px, 0px) rotate(360deg); }
}
@-webkit-keyframes MMCa2 /* Safari and Chrome */
{
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
50% { -webkit-transform: translate(0px, 0px) rotate(360deg); }
}
Done!
Labels: gambar, hover, image, image hover, tuto
Image Hover*5
Image Hover : 7.35 a.m.
sory kecik..kalo besarkan nnti border blog melebar :D
- Blogskins/ Classic template : Paste codes ni selepas code img:hover {
- Template designer : Paste codes ni sebelum ]]></b:skin>
img:hover{
-webkit-animation-name: MMCa2;
-webkit-animation-duration: 5s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='0');}
@-moz-keyframes MMCa2 /* Firefox*/
{
{ -ms-transform:: translate(0px, 0px) rotate(0deg); }
50% { -moz-transform: translate(0px, 0px) rotate(360deg); }
}
@-ms-keyframes MMCa2 /* IE9*/
{
0% { -ms-transform: translate( 0px, 0px) rotate(0deg); }
50% { -ms-transform: translate( 0px, 0px) rotate(360deg); }
}
@-webkit-keyframes MMCa2 /* Safari and Chrome */
{
0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
50% { -webkit-transform: translate(0px, 0px) rotate(360deg); }
}
Done!
Labels: gambar, hover, image, image hover, tuto
|