图片 HOVER II
June 04, 2014
04 June 2014
WRITTEN BY CECELIA
HOVER TO PREVIEW
Blog Template
1. 到Template-EDIT HTML.
2. 拷贝代码,然后贴在 ]]></b:skin> 的上面.
3. PREVIEW SAVE.
BLOGSKIN
BLOGSKIN
1. 到Template.
2. 拷贝代码,贴在 </style> 的上面.
3. PREVIEW - SAVE.
img{
opacity:1;
filter: none;
-webkit-filter: grayscale(0);}
img:hover{
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;}
NEU
ALT