css img过渡为不透明度

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了css img过渡为不透明度相关的知识，希望对你有一定的参考价值。

img {   
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);  
    -moz-transform: translateZ(0) scale(1.0, 1.0);  
    -o-transform: translateZ(0) scale(1.0, 1.0);  
    -ms-transform: translateZ(0) scale(1.0, 1.0);  
    transform: translateZ(0) scale(1.0, 1.0);  
}

/* for opacity-on-hover smoothing */

以上是关于css img过渡为不透明度的主要内容，如果未能解决你的问题，请参考以下文章

Firefox上具有不透明度和z-index的意外（不工作？）css3过渡[重复]

如何以显示结尾为不透明度 0 制作过渡效果：无？

解决刷新页面加载图片会闪屏的问题

使用 CSS3 通过 display:none 为不透明度设置动画

从 Internet Explorer 8 打印时，我需要为不透明度设置哪种 css 样式？

CSS 过渡：不透明度和可见性过渡不适用于 Firefox（适用于 Chrome / Safari）