DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML5特效代碼 >> CSS3 transform-style 屬性
CSS3 transform-style 屬性
編輯:HTML5特效代碼     
實例
使被轉換的子元素保留其 3D 轉換:
div
{
transform: rotateY(60deg);
transform-style: preserve-3d;
-webkit-transform: rotateY(60deg); /* Safari 和 Chrome */
-webkit-transform-style: preserve-3d; /* Safari 和 Chrome */
}

浏覽器支持
Firefox 支持 transform-style 屬性。
Chrome 和 Safari 支持替代的 -webkit-transform-style 屬性。

定義和用法
transform-style 屬性規定如何在 3D 空間中呈現被嵌套的元素。
注釋:該屬性必須與 transform 屬性一同使用。
默認值: flat
繼承性: no
版本: CSS3
JavaScript 語法: object.style.transformStyle="preserve-3d"


語法
transform-style: flat|preserve-3d;
值 描述
flat 子元素將不保留其 3D 位置。
preserve-3d 子元素將保留其 3D 位置。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved