首页 > Web开发 > 详细

css3动画挺在最后一帧方法

时间:2016-03-27 21:08:57      阅读:249      评论:0      收藏:0      [点我收藏+]
  1. .class{
                width: 200px;
                height: 100px;
                top: 100px;
                font-size: 50px;
                color: #fff;
                position: absolute;
                animation: move 1s;
                left: 200px;
                opacity: 1;
            }
            @keyframes move{
                from{
                    left: 0px;
                    opacity: 0;
                }
                to{
                    left: 200px;
                    opacity: 1;
                }
            }
    

      

  2. .class{
                width: 200px;
                height: 100px;
                top: 100px;
                font-size: 50px;
                color: #fff;
                position: absolute;
                animation: move 1s;
                animation-fill-mode: forwards;
            }
            @keyframes move{
                from{
                    left: 0px;
                    opacity: 0;
                }
                to{
                    left: 200px;
                    opacity: 1;
                }
            }
    

     

css3动画挺在最后一帧方法

原文:http://www.cnblogs.com/webwcj/p/5326753.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!