perspective()
CSS perspective() funksiyasi foydalanuvchi va z=0 tekisligi orasidagi masofani belgilaydi.
perspective() funksiyasi transform xususiyati ichida ishlatiladi.
Misol
Ikkita kubga perspektiva qo‘shish uchun perspective() funksiyasidan foydalaning:
.cube1 {
font-size: 4em;
width: 2em;
margin: 1.5em auto;
transform-style: preserve-3d;
transform: perspective(5cm) rotateX(-15deg) rotateY(30deg);
}
.cube2 {
font-size: 4em;
width: 2em;
margin: 1.5em auto;
transform-style: preserve-3d;
transform: perspective(10cm) rotateX(-15deg) rotateY(30deg);
}
O‘zingiz sinab ko‘ring »
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar funksiyani to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Funksiya | |||||
|---|---|---|---|---|---|
| perspective() | 12 | 12 | 10 | 4 | 15 |
| perspective(none) | 97 | 97 | 93 | 15.4 | 83 |
CSS sintaksisi
perspective(length|none)
| Qiymat | Tavsif |
|---|---|
| length | Majburiy. Foydalanuvchidan z=0 tekisligigacha bo‘lgan masofani belgilaydi. none transformatsiya yo‘qligini bildiradi |
| Versiya: | CSS Transforms moduli, 2-daraja |
|---|
Tegishli sahifalar
CSS ma’lumotnomasi: CSS transform xususiyati.
CSS ma’lumotnomasi: CSS rotate() funksiyasi.
CSS ma’lumotnomasi: CSS rotate3d() funksiyasi.
CSS ma’lumotnomasi: CSS rotateX() funksiyasi.
CSS ma’lumotnomasi: CSS rotateY() funksiyasi.
CSS ma’lumotnomasi: CSS rotateZ() funksiyasi.
CSS darsligi: CSS 3D transformatsiyalari.
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!