css3图片鼠标移动放上去渐渐显示高清特效代码

css3图片鼠标移动放上去渐渐显示高清特效代码


html代码如下：

1. <img src="https://www.jinhei.com/template/jinhei_com/style/img/logo.png" />

复制代码

css代码：

1. img{
   
2. opacity: 0.6;
   
3. transition: opacity 1s ease-in-out;
   
4. -moz-transition: opacity 1s ease-in-out;
   
5. -webkit-transition: opacity 1s ease-in-out;
   
6. }
   
7. 
   
8. img:hover {
   
9. opacity: 1.0;
   
10. transition: opacity .55s ease-in-out;
    
11. -moz-transition: opacity .55s ease-in-out;
    
12. -webkit-transition: opacity .55s ease-in-out;
    
13. }

复制代码