已完结小说排行榜,玄幻小说改编的电视剧,大主宰之灵路天蚕土豆

<tfoot id="aqkiq"></tfoot>

<fieldset id="aqkiq"></fieldset>

語法：

默認值：50% 50%，效果等同于center center

適用于：變換元素

繼承性：無

動畫性：當值為數值時

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

媒體：視覺

取值：

<percentage>：: 用百分比指定透視點坐標值，相對于元素寬度。可以為負值。
<length>：: 用長度值指定透視點坐標值。可以為負值。
left：: 指定透視點的橫坐標為left
center①：: 指定透視點的橫坐標為center
right：: 指定透視點的橫坐標為right
top：: 指定透視點的縱坐標為top
center②：: 指定透視點的縱坐標為center
bottom：: 指定透視點的縱坐標為bottom

說明：

指定透視點的位置。

該屬性提供2個參數值。
如果提供兩個，第一個用于橫坐標，第二個用于縱坐標。
如果只提供一個，該值將用于橫坐標；縱坐標將默認為center。
對應的腳本特性為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前端開發參考手冊系列【CSS在線手冊-網站設計教程參考資料】</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="nubm75x"   class="wrapper w1">
    <div>1</div>
</div>
<div   id="nubm75x"   class="wrapper w2">
    <div>2</div>
</div>
</body>
</html>

<strike id="aaw4g"></strike>

免费的三级网站-免费的色网站-免费番茄社区性色大片-免费高清特级毛片-98色花堂永久地址国产精品-999国产精品

語法：

取值：

說明：

兼容性：

示例：