在网页中制作动画

阿神
Lepaskan: 2016-11-08 14:37:47
asal
1756 orang telah melayarinya

<!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>
Salin selepas log masuk


Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!