Maison > interface Web > tutoriel HTML > 在网页中制作动画

在网页中制作动画

阿神
Libérer: 2016-11-08 14:37:47
original
1789 Les gens l'ont consulté

<!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>
Copier après la connexion


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal