1.1、HTML-编写简单的自我介绍网站 - Locked

李二哥   ·   发表于 2018-07-27 10:41:43   ·   CTF&WP专版


<html>

<head>

<style> 

div

{

width:100px;

height:100px;

background:red;

position:relative;

animation:myfirst 5s infinite;

animation-direction:alternate;

/* Safari and Chrome */

-webkit-animation:myfirst 5s infinite;

-webkit-animation-direction:alternate;

}

@keyframes myfirst

{

0%   {background:red; left:0px; top:0px;}

25%  {background:yellow; left:200px; top:0px;}

50%  {background:blue; left:200px; top:200px;}

75%  {background:green; left:0px; top:200px;}

100% {background:red; left:0px; top:0px;}

}

@-webkit-keyframes myfirst /* Safari and Chrome */

{

0%   {background:red; left:0px; top:0px;}

25%  {background:yellow; left:200px; top:0px;}

50%  {background:blue; left:200px; top:200px;}

75%  {background:green; left:0px; top:200px;}

100% {background:red; left:0px; top:0px;}

}

</style>

</head>

<body>

<div>这是一个动画</div>

</body>

</html>


打赏我,让我更有动力~

1 Reply   |  Until 2018-7-27 | 1611 View

Track-方丈
发表于 2018-7-27

通过,金币奖励已发放。

评论列表

  • 加载数据中...

编写评论内容
LoginCan Publish Content
返回顶部 投诉反馈

© 2016 - 2024 掌控者 All Rights Reserved.