Tutorial : Image hover (Normal>Blur)
Live preview
- Blogskin / Classic Template : Paste code ni dibawah code </style>
- Template designer : Paste code ni sebelum ]]></b:skin>
<style type="text/css">
/*BLUR*/
.blur img {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.blur img:hover {
-webkit-filter: blur(5px);
}
</style>
- Copy code dibawah and paste URL picture yang korang nak
<div class="blur pic"> <img src="URL IMAGE"></div>
0 Comments:
Post a Comment