html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style> 7
div8
{9
width:100px;10
height:100px;11
background:red;12
position:relative;13
animation:myfirst 5s;14
-webkit-animation:myfirst 5s; /* Safari and Chrome */15
}16
17
@keyframes myfirst18
{19
0% {background:red; left:0px; top:0px;}20
25% {background:yellow; left:200px; top:0px;}21
50% {background:blue; left:200px; top:200px;}22
75% {background:green; left:0px; top:200px;}23
100% {background:red; left:0px; top:0px;}24
}25
26
@-webkit-keyframes myfirst /* Safari and Chrome */27
{28
0% {background:red; left:0px; top:0px;}29
25% {background:yellow; left:200px; top:0px;}30
50% {background:blue; left:200px; top:200px;}31
75% {background:green; left:0px; top:200px;}32
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java