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
animation:myfirst 5s;13
-moz-animation:myfirst 5s; /* Firefox */14
-webkit-animation:myfirst 5s; /* Safari and Chrome */15
-o-animation:myfirst 5s; /* Opera */16
}17
18
@keyframes myfirst19
{20
0% {background:red;}21
25% {background:yellow;}22
50% {background:blue;}23
100% {background:green;}24
}25
26
@-moz-keyframes myfirst /* Firefox */27
{28
0% {background:red;}29
25% {background:yellow;}30
50% {background:blue;}31
100% {background:green;}32
}33
34
@-webkit-keyframes myfirst /* Safari and Chrome */35
{36
0% {background:red;}37
25% {background:yellow;}38
50% {background:blue;}39
100% {background:green;}40
}41
42
@-o-keyframes myfirst /* Opera */43
{44
0% {background:red;}45
25% {background:yellow;}46
50% {background:blue;}47
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java