css3简易实现图标动画由小到大逐个显现_html/css_WEB-ITnose

在制作网站时避免图片太平淡经常会用到动画效果：由小到大跳跃出现。这种效果很有视觉冲击力，显著提高关注度~

原理：利用css3的动画属性@keyframes@-moz-keyframes@-webkit-keyframes定义动画suofang,再用animation调用suofang这一动画帧，并将动画添加到图片上，需要注意的是需要给图片相当于初始化的一个处理

transform:scale(0);    -moz-transform:scale(0);    -webkit-transform:scale(0); 

最后在js中调用css动画。对于不同的页面，需要使用index来标注不同的页面。

 1   2     
 3         
 4             
 5                   6                   7

      
查看更多关于css3简易实现图标动画由小到大逐个显现_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did108350