<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.aa {
width: 100px;
height: 100px;
background: #FF0;
margin: 50px;
transition: all 2s;
}
.aa:hover {
text-align:center;line-height:200px;
width: 500px;
height: 200px
}
.bb {
font-size: 24px;
width: 100px;
height: 100px;
background: #F0F;
margin: 50px;
transform: rotate(50deg);
transition: all 1s;
}
.bb:hover {
text-shadow: 5px 5px 5px #F00;
font-size: 36px
}
</style>
</head>
<body>
<!--<div style="width:400px; height:400px; background:#F0F; margin:0px auto; text-align:center; line-height:400px; border-radius:200px; box-shadow:3px 3px 4px 5px #00FFFF inset;"><font size="+6" style="text-shadow:5px 5px 8px #FF0000;">1324654</font></div>
<div>
<video src="[海贼王]第789集_bd.mp4" controls="controls" autoplay="autoplay" width="50px" height="50px">不支持</video>
</div>
<div>
<audio src="蔡健雅 - 红色高跟鞋 (《爱情左右》电影主题曲).mp3" autoplay="autoplay" controls="controls"></audio>
</div>-->
<div class="aa" > 132456 </div>
<div class="bb"> bbbbbb </div>
<div class="cc" style="width:100px; height:100px; background:#F0F; margin:50px; transform: translate(100px,50px)"> ccccccccc </div>
<div class="dd" style="width:100px; height:100px; background:#F0F; margin:100px; transform: scale(2,1.5)"> </div>
<div class="ee" style="width:100px; height:100px; background:#F0F; margin:50px; transform: skew(50deg,50deg)"> </div>
<div class="ff" style="width:100px; height:100px; background:#F0F; margin:50px; transform: matrix(10px,10px,10px,30px,30px,30px)"> </div>
<div> </div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.aa {
width: 100px;
height: 100px;
background: #FF0;
margin: 50px;
transition: all 2s;
}
.aa:hover {
text-align:center;line-height:200px;
width: 500px;
height: 200px
}
.bb {
font-size: 24px;
width: 100px;
height: 100px;
background: #F0F;
margin: 50px;
transform: rotate(50deg);
transition: all 1s;
}
.bb:hover {
text-shadow: 5px 5px 5px #F00;
font-size: 36px
}
</style>
</head>
<body>
<!--<div style="width:400px; height:400px; background:#F0F; margin:0px auto; text-align:center; line-height:400px; border-radius:200px; box-shadow:3px 3px 4px 5px #00FFFF inset;"><font size="+6" style="text-shadow:5px 5px 8px #FF0000;">1324654</font></div>
<div>
<video src="[海贼王]第789集_bd.mp4" controls="controls" autoplay="autoplay" width="50px" height="50px">不支持</video>
</div>
<div>
<audio src="蔡健雅 - 红色高跟鞋 (《爱情左右》电影主题曲).mp3" autoplay="autoplay" controls="controls"></audio>
</div>-->
<div class="aa" > 132456 </div>
<div class="bb"> bbbbbb </div>
<div class="cc" style="width:100px; height:100px; background:#F0F; margin:50px; transform: translate(100px,50px)"> ccccccccc </div>
<div class="dd" style="width:100px; height:100px; background:#F0F; margin:100px; transform: scale(2,1.5)"> </div>
<div class="ee" style="width:100px; height:100px; background:#F0F; margin:50px; transform: skew(50deg,50deg)"> </div>
<div class="ff" style="width:100px; height:100px; background:#F0F; margin:50px; transform: matrix(10px,10px,10px,30px,30px,30px)"> </div>
<div> </div>
</body>
</html>