多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

中國最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2

css3教程

CSS3 3D 轉換

閱讀 (2276)

CSS3 3D 轉換

3D 轉換

CSS3 允許您使用 3D 轉換來對元素進行格式化。

在本章中，您將學到其中的一些 3D 轉換方法：

  • rotateX()

  • rotateY()

點擊下面的元素，來查看 2D 轉換與 3D 轉換之間的不同之處：

2D rotate
3D rotate


瀏覽器支持

表格中的數字表示支持該屬性的第一個瀏覽器版本號。

緊跟在 -webkit-, -ms- 或 -moz- 前的數字為支持該前綴屬性的第一個瀏覽器版本號。

屬性     
transform36.0
12.0 -webkit-		10.016.0
10.0 -moz-		4.0 -webkit-23.0
15.0 -webkit-
transform-origin
(three-value syntax)		36.0
12.0 -webkit-		10.016.0
10.0 -moz-		4.0 -webkit-23.0
15.0 -webkit-
transform-style36.0
12.0 -webkit-		11.016.0
10.0 -moz-		4.0 -webkit-23.0
15.0 -webkit-
perspective36.0
12.0 -webkit-		10.016.0
10.0 -moz-		4.0 -webkit-23.0
15.0 -webkit-
perspective-origin36.0
12.0 -webkit-		10.016.0
10.0 -moz-		4.0 -webkit-23.0
15.0 -webkit-
backface-visibility36.0
12.0 -webkit-		10.016.0
10.0 -moz-		4.0 -webkit-23.0
15.0 -webkit-


rotateX() 方法

Rotate X

rotateX()方法，圍繞其在一個給定度數X軸旋轉的元素。

OperaSafariChromeFirefoxInternet Explorer

實例

div
{
transform: rotateX(120deg);
-webkit-transform: rotateX(120deg); /* Safari and Chrome */
}

嘗試一下 ?


rotateY() 方法

Rotate Y

rotateY()方法，圍繞其在一個給定度數Y軸旋轉的元素。

OperaSafariChromeFirefoxInternet Explorer

實例

div
{
transform: rotateY(130deg);
-webkit-transform: rotateY(130deg); /* Safari and Chrome */
}

嘗試一下 ?


轉換屬性

下表列出了所有的轉換屬性：

屬性描述CSS
transform向元素應用 2D 或 3D 轉換。3
transform-origin允許你改變被轉換元素的位置。3
transform-style規定被嵌套元素如何在 3D 空間中顯示。3
perspective規定 3D 元素的透視效果。3
perspective-origin規定 3D 元素的底部位置。3
backface-visibility定義元素在不面對屏幕時是否可見。3

3D 轉換方法

函數描述
matrix3d(n,n,n,n,n,n,
n,n,n,n,n,n,n,n,n,n)		定義 3D 轉換，使用 16 個值的 4x4 矩陣。
translate3d(x,y,z)定義 3D 轉化。
translateX(x)定義 3D 轉化，僅使用用于 X 軸的值。
translateY(y)定義 3D 轉化，僅使用用于 Y 軸的值。
translateZ(z)定義 3D 轉化，僅使用用于 Z 軸的值。
scale3d(x,y,z)定義 3D 縮放轉換。
scaleX(x)定義 3D 縮放轉換，通過給定一個 X 軸的值。
scaleY(y)定義 3D 縮放轉換，通過給定一個 Y 軸的值。
scaleZ(z)定義 3D 縮放轉換，通過給定一個 Z 軸的值。
rotate3d(x,y,z,angle)定義 3D 旋轉。
rotateX(angle)定義沿 X 軸的 3D 旋轉。
rotateY(angle)定義沿 Y 軸的 3D 旋轉。
rotateZ(angle)定義沿 Z 軸的 3D 旋轉。
perspective(n)定義 3D 轉換元素的透視視圖。


關閉
程序員人生
主站蜘蛛池模板： 爱爱精品视频 | 天天在线欧美精品免费看 | 牛和人交videos欧美 | 国产精品福利视频手机免费观看 | 成人夜夜嗨| 久久精品国产一区二区三区 | 伊人99在线 | 免费性 | 欧美精品高清 | 爱爱小视频在线看免费 | 国产日韩欧美亚洲综合在线 | 欧美综合自拍亚洲综合 | 欧美特黄一级aa毛片 | 国产亚洲欧美久久精品 | 国产成人精品久久综合 | 亚洲码在线中文在线观看 | 成人a在线观看 | 亚洲成人黄色在线观看 | 欧美另类精品xxxx人妖换性 | 牛和人交videos欧美 | 日本v在线观看 | 国产福利自产拍在线观看 | 国产精品亚洲精品一区二区三区 | 亚洲第一网址 | 日本 黄 a| 精品日韩一区 | 中文字幕第8页 | 久久国产精品一区二区 | 国内精品免费视频 | 日本无卡αv免费视频 | 黄色片网站在线播放 | 亚洲男女一区二区三区出奶水了 | 亚洲一区二区三区不卡视频 | 最近免费字幕中文大全在线观看 | 亚洲欧美一区二区三区另类 | 欧美xxxx做受欧美精品 | 国产精品亚洲欧美日韩久久 | 亚洲一区二区三区精品视频 | 最近最新中文字幕免费大全 | 交专区videossex | 国产成人久久精品推最新 |