perspective

Sudut pandangan

Bahasa Inggeris [pəˈspektɪv] Amerika [pərˈspektɪv]

harta perspektif css sintaks

Fungsi: Atribut perspektif mentakrifkan jarak elemen 3D dari paparan, dalam piksel. Sifat ini membolehkan anda menukar pandangan elemen 3D bagi elemen 3D. Apabila anda mentakrifkan atribut perspektif untuk elemen, elemen anaknya mendapat kesan perspektif, bukan elemen itu sendiri.

Sintaks: perspektif: nombor|tiada

Penerangan: nombor Jarak elemen dari paparan, dalam piksel. tiada Nilai lalai. Sama seperti 0. Tiada perspektif ditetapkan.​

Nota: Sila gunakan atribut ini bersama-sama dengan atribut perspective-origin supaya anda boleh menukar kedudukan bawah elemen 3D.

harta perspektif css contoh

<!DOCTYPE html>
<html>
<head>
<style>
#div1
{
position: relative;
height: 150px;
width: 150px;
margin: 50px;
padding:10px;
border: 1px solid black;
perspective:150;
-webkit-perspective:150; /* Safari and Chrome */
}
#div2
{
padding:50px;
position: absolute;
border: 1px solid black;
background-color: yellow;
transform: rotateX(45deg);
-webkit-transform: rotateX(45deg); /* Safari and Chrome */
}
</style>
</head>
<body>
<div id="div1">
  <div id="div2">HELLO</div>
</div>
</body>
</html>

Run Instance »

Klik butang "Run Instance" untuk melihat instance dalam talian