Image Hover With style effect

In this tutorials i am create image hover effect to black to original effect turn . You can add this code from your website to effect from the image into your listed company and partner name and their images . Try your code and enjoy . learn something new.

<!DOCTYPE html>
<html>
<head>
<title>Image hover effect</title>
<style type=”text/css”>
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
img:hover {
transition: filter .5s ease-in-out;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
</style>
</head>
<body>
<img src=”1.jpg”>
</body>
</html>

Leave a Reply

Your email address will not be published. Required fields are marked *