返回列表 发新帖

16

主题

235

帖子

691

积分

初中生

Rank: 3Rank: 3

金币
94
好评
2
贡献
1

考神MT论坛帅哥MT论坛新人

发表于 2021-11-5 22:22:03 | 显示全部楼层 | 阅读模式
<div class="article-intro" id="content">
                       
                        <style>

#animated_div
{
width:76px;
height:47px;
background:#92B901;
color:#ffffff;
position:relative;
font-weight:bold;
font-size:20px;
padding:10px;
animation:animated_div 5s 1;
-moz-animation:animated_div 5s 1;
-webkit-animation:animated_div 5s 1;
-o-animation:animated_div 5s 1;
border-radius:5px;
-webkit-border-radius:5px;
}

@keyframes animated_div
{
0%                {transform: rotate(0deg);left:0px;}
25%                {transform: rotate(20deg);left:0px;}
50%                {transform: rotate(0deg);left:500px;}
55%                {transform: rotate(0deg);left:500px;}
70%                {transform: rotate(0deg);left:500px;background:#1ec7e6;}
100%        {transform: rotate(-360deg);left:0px;}
}

@-webkit-keyframes animated_div
{
0%                {-webkit-transform: rotate(0deg);left:0px;}
25%                {-webkit-transform: rotate(20deg);left:0px;}
50%                {-webkit-transform: rotate(0deg);left:500px;}
55%                {-webkit-transform: rotate(0deg);left:500px;}
70%                {-webkit-transform: rotate(0deg);left:500px;background:#1ec7e6;}
100%        {-webkit-transform: rotate(-360deg);left:0px;}
}

@-moz-keyframes animated_div
{
0%   {-moz-transform: rotate(0deg);left:0px;}
25%  {-moz-transform: rotate(20deg);left:0px;}
50%  {-moz-transform: rotate(0deg);left:500px;}
55%  {-moz-transform: rotate(0deg);left:500px;}
70%  {-moz-transform: rotate(0deg);left:500px;background:#1ec7e6;}
100% {-moz-transform: rotate(-360deg);left:0px;}
}

@-o-keyframes animated_div
{
0%   {transform: rotate(0deg);left:0px;}
25%  {transform: rotate(20deg);left:0px;}
50%  {transform: rotate(0deg);left:500px;}
55%  {transform: rotate(0deg);left:500px;}
70%  {transform: rotate(0deg);left:500px;background:#1ec7e6;}
100% {transform: rotate(-360deg);left:0px;}
}
</style>
<div id="animated_div">Terry<br><span style="font-size:10px">阿七</span>
</div>


Terry

水经验
回复

使用道具 举报

25

主题

2690

帖子

7406

积分

硕士生

Rank: 6Rank: 6

金币
1223
好评
17
贡献
0

考神MT论坛活跃会员MT论坛新人MT论坛帅哥

发表于 2021-11-5 22:28:15 来自手机  | 显示全部楼层
啥东东  
回复

使用道具 举报

发表回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表