| 1234567891011121314151617181920212223 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <link rel="stylesheet" href="../css/4.transform3d.css">
- </head>
- <body>
- <div id="box">
- <div id="box1"></div>
- </div>
- <!--
- transform-origin:(X,Y)
- 默认 (center,center)
- 可以是数字/百分比/top left bottom right
- 改变盒子的中心点
- 用于rotate skew scale
- transform-style:preserve-3d;//开启3D透视
- transform:perspective(800px - 1200px);//透视距离
- -->
- </body>
- </html>
|
