变形
transform [变形基础]
rotate() [旋转]
scale() [缩放]
translate() [位移]
skew() [倾斜]
matrix() [矩阵变形]
perspective [透视]
过渡
transition-property [过渡的CSS属性]
transition-duration [过渡时间]
transition-delay [延迟时间]
transition-timing-function [过渡效果]
动画
animation-name [动画名称]
animation-duration [动画时间]
animation-timing-function [播放方式]
animation-delay [开始播放时间]
animation-iteration-count [播放次数]
animation-direction [播放方向]
animation-fill-mode [播放后的状态]
animation-play-state [对象动画的状态]
关联属性
transform-origin [变形原点]
perspective-origin [透视原点]
backface-visibility [隐藏内容的背面]
transform-style [3D呈现]
transform-style [3D呈现] - CSS3 动画参考手册 - IT书包
网站首页
transform-style [3D呈现]
### 语法 ```css transform-style: flat | preserve-3d ``` <table class="table"><thead><tr><th width="20%">语法项目</th><th>说明</th></tr></thead><tbody><tr><td>初始值</td><td>flat</td></tr><tr><td>适用于</td><td>块元素和行内元素</td></tr><tr><td>可否继承</td><td>否</td></tr><tr><td>媒介</td><td>视觉</td></tr><tr><td>版本</td><td>CSS3.0</td></tr></tbody></table> ### 说明 设置内嵌的元素在 3D 空间如何呈现。有两个值：`flat`：所有子元素在 2D 平面呈现。`preserve-3d`：保留3D空间。 ### 取值 `flat`：所有子元素在 2D 平面呈现。 `preserve-3d`：保留3D空间。 ### 实例代码 <iframe src="http://example.itshubao.com/inexample/449.html" width="100%" height="300px" frameborder="0" scrolling="no"></iframe> ### 兼容性 <table class="table"><thead><tr><th class="ie" width="20%">IE</th><th class="firefox" width="20%">Firefox</th><th class="opera" width="20%">Opera</th><th class="safari" width="20%">Safari</th><th class="chrome" width="20%">Chrome</th></tr></thead><tbody><tr><td>IE 10+</td><td>Firefox 3.5+</td><td>Opera 11.50+</td><td>Safari 10+</td><td>Chrome 2.0+</td></tr></tbody></table>
上一篇：
backface-visibility [隐藏内容的背面]
