实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<!DOCTYPE HTML>
2
<html>
3
    <head>
4
        <meta charset="utf-8">
5
        <title>实例
6
        </title>
7
    </head>
8
    <body>
9
        <style type="text/css">.demo_box{
10
            border:1px solid #3DA5DC;
11
            background:#a4dcf9;
12
            height:100px;
13
            width:200px;
14
            text-align:center;
15
            color:#fff;
16
            }
17
            .demo_rotate{
18
                -webkit-transition:1s ease all;
19
                -moz-transition:1s ease all;
20
                padding:10px;
21
                margin:90px auto;
22
            }
23
            .demo_rotate:hover{
24
                -webkit-transform:rotate(360deg) scale(1.2,1.2);
25
                -moz-transform:rotate(360deg) scale(1.2,1.2);
26
                background:#ff9900;
27
            }
28
        </style>
29
        <div class="demo_box demo_rotate">鼠标经过变大1.2倍、旋转360度并改变背景色。
30
        </div>                      
31
    </body>                   
32
</html>
33
​