实例代码“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
            .matrix{
18
                -webkit-transform:matrix(1,0.4,0,1,0,0);
19
                -moz-transform:matrix(1,0.4,0,1,0,0);
20
                position:absolute;
21
                left:200px;
22
                top:50px;
23
            }
24
        </style>
25
        <div class="demo_box matrix">复杂的矩阵变形
26
        </div>                      
27
    </body>                   
28
</html>
29
​