旋转测试

最新推荐文章于 2024-10-26 16:09:02 发布

原创最新推荐文章于 2024-10-26 16:09:02 发布 · 498 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#测试 #c语言 #html

html+css 专栏收录该内容

9 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>旋转测试</title>
        <style>
            .animel {
                text-align: center; font: 50px; color: red;
                -webkit-animation-name: 'rotatel';
                -webkit-animation-duration: 10s;
                -webkit-animation-timing-function: ease;
                -webkit-animation-iteration-count: infinite;
            }
                @-webkit-keyframes 'rotatel'{
                    0%  {-webkit-transform: rotate(0deg);}
                    50% {-webkit-transform: rotate(90deg);}
                    100%{-webkit-transform: rotate(0deg);}
                }
        </style>
    </head>
    <body>
        <div class="animel" ><h1>覃</h1></div>
        <div class="animel" > 钢</div>
    </body>
</html>