码迷,mamicode.com
首页 > Web开发 > 详细

css3动画挺在最后一帧方法

时间:2016-03-27 21:10:10      阅读:141      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!