案例:CSS3案例     状态:可编辑再运行    进入横版
AخA
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
.animated_div
6
    {
7
    width:65px;
8
    height:40px;
9
    background:#92B901;
10
    color:#ffffff;
11
    position:absolute;
12
    font-weight:bold;
13
    font:12px '微软雅黑', Verdana, Arial, Helvetica, sans-serif;
14
    padding:20px 10px 0px 10px;
15
    float:left;
16
    margin:5px;
17
    -webkit-transition:-webkit-transform 1s,opacity 1s,background 1s,width 1s,height 1s,font-size 1s;
18
    -webkit-border-radius:5px;
19
    -o-transition-property:width,height,-o-transform,background,font-size,opacity;
20
    -o-transition-duration:1s,1s,1s,1s,1s,1s;
21
    -moz-transition-property:width,height,-o-transform,background,font-size,opacity;
22
    -moz-transition-duration:1s,1s,1s,1s,1s,1s;
23
    transition-property:width,height,transform,background,font-size,opacity;
24
    transition-duration:1s,1s,1s,1s,1s,1s;

 运行结果 
 北美留学生论坛