css3已经被应用到很多网站了,对于创建动态交互的网站是非常有益的。今天就分享一个使用transition实现的鼠标悬停淡阴淡出的效果。
代码:
             Document              div.demo {          float: left;          border:1px solid #ccc;        }        div.demo i {          cursor: pointer;          height: 50px;          transition: opacity 2s;          width: 50px;          background: #000;          float: left;          margin: 5px;          opacity: 0;        }        div.demo i:hover {          opacity: 1;          transition-duration: 0s;        }                   
      
查看更多关于FadeouttransitioneffectusingCSS3_html/css_WEB-ITno的详细内容...
        
          声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did106862