当前位置 >> 首页 >> 更多文章 >> 网页动画效果

网页动画效果

贡献者：游客127812411 类别：代码 时间：2020-07-06 21:01:03 收藏数：11 评分：0
返回上页 举报此文章
请选择举报理由：




收藏到我的文章 改错字
<html >
<head lang="UTF-8">
<title></title>
<style type="text/css">
@keyframes myfirst{
0%{background-color: #f9f9f9;left: 0px;top:0px}
50%{background-color: royalblue;left:200px;top:0px}
60%{background-color: green;left: 200px;top:200px}
100%{background-color: green;left: 0px;top:0px}
}
div{
height: 20px;
width: 20px;
position: relative;
animation: myfirst 10s infinite;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
上一篇：My Electronic Friend
下一篇：《我们在旅途中》
声明：以上文章均为用户自行添加，仅供打字交流使用，不代表本站观点，本站不承担任何法律责任，特此声明！如果有侵犯到您的权利，请及时联系我们删除。
文章热度：★☆☆☆☆
文章难度：☆☆☆☆☆
文章质量：☆☆☆☆☆
说明：系统根据文章的热度、难度、质量自动认证，已认证的文章将参与打字排名！

本文打字排名TOP20

用户更多文章推荐

    关闭广告
    关闭广告