html 实例源码
实例源码：
源代码：
执行
执行中...
x
1
<!DOCTYPE html>2
<html>3
<head>4
<meta charset="utf-8"> 5
<title>时代Java与您共同学习(NowJava.com)</title> 6
<style> 7
#myDIV {8
background-color: lightblue;9
overflow: auto;10
border: 1px solid black;11
-webkit-animation: mymove 5s infinite; /* Chrome, Safari, Opera */12
animation: mymove 5s infinite;13
}14
15
/* Chrome, Safari, Opera */16
@-webkit-keyframes mymove {17
50% {max-width: 600px;}18
}19
20
/* Standard syntax */21
@keyframes mymove {22
50% {max-width: 600px;}23
}24
</style>25
</head>26
<body>27
28
<p>逐步改变 max-width, 从 "none" 到 "600px":<p>29
30
<div id="myDIV">31
<p>This DIV element does not have a pre-defined width.</p>32
<p>Try resizing the browser window to see that width of this DIV element will grow/shrink along width the resizing, but it will never exceed 600 pixels in width.</p>33
</div>34
35
<p>max-width 属性支持动画效果。</p>36
/**代码未完, 请加载全部代码(NowJava.com).**/执行结果：
本文系作者在时代Java发表，未经许可，不得转载。如有侵权，请联系nowjava@qq.com删除。
编辑于
关注时代Java