在网页中制作动画

作者: 本王不死尔等终究是臣子
来源: 51数据库
2022-08-15

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        @-webkit-keyframes 'fkf'
        {
            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: 'fkf';
            -webkit-animation-duration: 5s;
            -webkit-animation-iteration-count:10000;
            }

    </style>
</head>
<body>
  <div class="table1"></div>
</body>
</html>

推荐阅读