#Tutorial : Image hover grayscale
Saturday, 19 December 2015 @ 07:38
Preview
I'm going to show you guys how to make image become grayscale when hover it
1.Open your blog template, change to Edit Html
2.Press Ctrl+F (Command+F for Mac user)
3.Find </style>
4.Put this code before </style>
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;}
5.Click save,done!!
Labels: tutorial
我是一个90后，双鱼座的孩子，喜欢一切美好事物，比如说看到家人朋友天天开心，看偶像导演的戏，看到花开花谢，看到自己收集的书，看到自己喜欢的口红，这些都会让我很开心很开心。我能很乐观也能很悲观，完全没有中立的可能。中学时期是是一个常常摆着一张脸的人。那时候的我超级喜欢打羽毛球，甚至去教练的课程打羽毛球打到自己有两块腹肌，全身肌肉很结实，可是现在都不如往日，时间越来越少，越来越忙碌，一年都没有打羽毛球一次，慢慢颓废了。
拥有金鱼般的记忆力，很快忘记很多伤心的一切事物。我是一个会发呆上小时的人（我也不懂我在搞什么）。我喜欢很多颜色，要么很深要么很浅。喜欢寻求刺激，喜欢坐上过山车的感觉。喜欢到外国旅行，因为能脱离自己凡俗的生活。不知道为什么莫名其妙的，就是喜欢牡丹花和仙人掌，也喜欢红烈鸟和浣熊
