html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style> 7
img {8
-webkit-animation: mymove 7s infinite; /* Chrome, Safari, Opera */9
animation: mymove 7s infinite;10
}11
12
/* Chrome, Safari, Opera */13
@-webkit-keyframes mymove {14
50% {15
-webkit-filter: grayscale(100%); 16
filter: grayscale(100%);17
}18
}19
20
/* Standard syntax */21
@keyframes mymove {22
50% {23
-webkit-filter: grayscale(100%); 24
filter: grayscale(100%);25
}26
}27
</style>28
</head>29
<body>30
31
<p>逐步改变图片的背景颜色，从黑到白 (100% 灰阶):<p>32
33
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java