perspective-origin
Misol
Foydalanuvchi 3D joylashtirilgan elementga qaysi nuqtadan qarayotganini belgilang:
#div1 {
perspective: 100px;
perspective-origin: left;
}
O‘zingiz sinab ko‘ring »
Ta’rif va qo‘llanilishi
perspective-origin xususiyati foydalanuvchi 3D joylashtirilgan elementga qaysi nuqtadan qarayotganini belgilaydi.
Element uchun perspective-origin xususiyati belgilanganda effektni elementning o‘zi EMAS, balki uning BOLA elementlari oladi.
Eslatma: Bu xususiyat perspective xususiyati bilan birgalikda ishlatilishi kerak!
perspective-origin xususiyatini yaxshiroq tushunish uchun namoyishni ko‘ring.
| Standart qiymat: | 50% 50% |
|---|---|
| Meros qilinadi: | yo‘q |
| Animatsiya qilinadi: | ha. animatable haqida o‘qing Sinab ko‘ring |
| Versiya: | CSS3 |
| JavaScript sintaksisi: | object.style.perspectiveOrigin="10px 50%" Sinab ko‘ring |
Brauzerlarda qo‘llab-quvvatlash
Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.
| Xususiyat | |||||
|---|---|---|---|---|---|
| perspective-origin | 36 | 10 | 16 | 9 | 23 |
CSS sintaksisi
perspective-origin: x-axis y-axis|initial|inherit;
Xususiyat qiymatlari
| Xususiyat qiymati | Tavsif | Demo |
|---|---|---|
| x-axis | Ko‘rish nuqtasi x o‘qida qayerda joylashishini belgilaydi Mumkin bo‘lgan qiymatlar:
Standart qiymat: 50% |
Demo ❯ |
| y-axis | Ko‘rish nuqtasi y o‘qida qayerda joylashishini belgilaydi Mumkin bo‘lgan qiymatlar:
Standart qiymat: 50% |
Demo ❯ |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing | |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Tegishli sahifalar
CSS darsligi: CSS 3D transformatsiyalar
HTML DOM ma’lumotnomasi: perspectiveOrigin xususiyati
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!