My imagination are strong enough for me to hold on.
Hello 2017

#Tutorial : Image Hover Clear to Blur
Thursday 17 December 2015 @ 08:43


Hello peepss!!
I'm going to show you guys how to add a image hover effect
From clear to blur

Hover Me!



1.Open you blog template, change to Edit Html
2.Press Ctrl+F (Command+F for Mac user)
3.Find </style>
4.Put this code before </style>
.image{opacity: 100.0; -webkit-transition: 1.4s; -moz-transition: 1.4s;}
.img:hover {-webkit-transition: 1.4s; -moz-transition: 1.4s; opacity: .50;}

5.Preview it first, if success, save




Mission Complete!!

Labels: