CSS过渡不适用于我的过滤器：亮度（）？

我有这些图标是我想在悬停时应用过滤器的图像。但是，它似乎并没有工作。CSS过渡不适用于我的过滤器：亮度（）？

我的代码：

.icon { 
    -webkit-transition: all 1s ease; 
    transition: all 1s ease; 
} 
.icon:hover { 
    -webkit-filter: brightness(130%); 
    filter: brightness(130%); 
}

来源

2016-03-01 Arnold

哪里是HTML代码？ –

它的工作原理，或者你需要悬停图标或其容器http://codepen.io/anon/pen/vGEZmM介意你正在使用的选择器 –

应当指出的是filter不会在Internet Explorer或Firefox 35或更早版本的工作。如果您使用的是浏览器，则无法使用。但是，如果您使用的是兼容的浏览器，则可以在此处看到，它将起作用。

img { 
 
    -webkit-transition: all 1s ease; 
 
    transition: all 1s ease; 
 
} 
 

 
img:hover { 
 
    -webkit-filter: brightness(130%); 
 
    filter: brightness(130%); 
 
}

<img src="https://cr2014studyabroad.files.wordpress.com/2014/12/pineapple-2.png" width=200 height=200 />

有关该实验技术的更多信息，请访问以下链接

https://developer.mozilla.org/en-US/docs/Web/CSS/filter http://www.w3schools.com/cssref/css3_pr_filter.asp

来源

2016-03-01 01:19:32

CSS过渡不适用于我的过滤器：亮度（）？

回答

相关问题