Home > Article > Web Front-end > Create animations in web pages

Create animations in web pages

阿神Original: 2016-11-08 14:37:471719browse

<!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>

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：Implement a 60-second countdown after sending an SMS verification codeNext article：Implement a 60-second countdown after sending an SMS verification code

See more

Create animations in web pages

Related articles