首页 >web前端 >html教程 >在网页中制作动画

在网页中制作动画

阿神
阿神原创
2016-11-08 14:37:471773浏览

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        @-webkit-keyframes &#39;fkf&#39;
        {
            from {
                width:500px;
                height: 500px;
                background-color:#ff0000;
 
                }
            to
             {
            width:500px;
            height: 500px;
            background-color: #00ff00;
            margin-left: 800px;
 
 
             }
        }
        .table1 {
            width: 500px;
            height: 500px;
            -webkit-animation-name: &#39;fkf&#39;;
            -webkit-animation-duration: 5s;
            -webkit-animation-iteration-count:10000;
            }
 
    </style>
</head>
<body>
  <div class="table1"></div>
</body>
</html>


声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn