成年人国产视频,国产精品视频一区二区三区四区五区,一级黄色免费观看

語法：

默認(rèn)值：50% 50%，效果等同于center center

適用于：變換元素

繼承性：無

動畫性：當(dāng)值為數(shù)值時

計算值：除了指定絕對值，否則都為百分比

媒體：視覺

取值：

<percentage>：: 用百分比指定透視點坐標(biāo)值，相對于元素寬度。可以為負(fù)值。
<length>：: 用長度值指定透視點坐標(biāo)值?？梢詾樨?fù)值。
left：: 指定透視點的橫坐標(biāo)為left
center①：: 指定透視點的橫坐標(biāo)為center
right：: 指定透視點的橫坐標(biāo)為right
top：: 指定透視點的縱坐標(biāo)為top
center②：: 指定透視點的縱坐標(biāo)為center
bottom：: 指定透視點的縱坐標(biāo)為bottom

說明：

指定透視點的位置。

該屬性提供2個參數(shù)值。
如果提供兩個，第一個用于橫坐標(biāo)，第二個用于縱坐標(biāo)。
如果只提供一個，該值將用于橫坐標(biāo)；縱坐標(biāo)將默認(rèn)為center。
對應(yīng)的腳本特性為perspactiveOrigin。

兼容性：

淺綠 = 支持
紅色 = 不支持
粉色 = 部分支持

Values	IE	Firefox	Chrome	Safari	Opera	iOS Safari	Android Browser	Android Chrome
Basic Support	6.0-9.0	2.0-9.0	4.0-11.0	6.0-8.0^-webkit-	15.0-22.0^-webkit-	6.0-8.4^-webkit-	2.1-2.3	18.0-34.0^-webkit-
	10.0-11.0^-ms-	10.0-15.0^-moz-	12.0-35.0^-webkit-	9.0+	23.0+	9.0+	3.0-4.4.4^-webkit-	35.0+
	Edge	16.0+	36.0+	9.0+	23.0+	9.0+	40.0+	35.0+

示例：

<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
<meta charset="utf-8" />
<title>perspective-origin_CSS參考手冊_web前端開發(fā)參考手冊系列【CSS在線手冊-網(wǎng)站設(shè)計教程參考資料】</title>
<meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com" />
<meta name="copyright" content="www.doyoe.com" />
<style>
.wrapper {
    display: inline-block;
    width: 200px;
    height: 200px;
    margin: 10px;
    border: 1px solid #000;
    -webkit-perspective: 150px;
    perspective: 150px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.w1 {
    -webkit-perspective-origin: top;
    perspective-origin: top;
}
.w2 {
    -webkit-perspective-origin: bottom;
    perspective-origin: bottom;
}
.wrapper > div {
    width: 180px;
    height: 120px;
    margin: 40px 10px;
    background-color: #ccc;
    -webkit-transform: rotatex(90deg);
    transform: rotatex(90deg);
}
</style>
</head>
<body>
<div   id="nuvy5su"   class="wrapper w1">
    <div>1</div>
</div>
<div   id="nuvy5su"   class="wrapper w2">
    <div>2</div>
</div>
</body>
</html>

一级黄色片在线看_久久亚洲精品国产一区_成人综合区一区_97干在线视频_欧美一区二区三区免费不卡_日本免费靠逼视频

語法：

取值：

說明：

兼容性：

示例：