transitionProperty

Misol

div elementining kengligi va balandligini asta-sekin o‘zgartirish uchun sichqonchani uning ustiga olib boring:

document.getElementById("myDIV").style.transitionProperty = "width,height";

Tavsif

transitionProperty xususiyati o‘tish effekti qo‘llaniladigan CSS xususiyatining nomini belgilaydi (o‘tish effekti ko‘rsatilgan CSS xususiyati o‘zgarganda boshlanadi).

Maslahat: O‘tish effekti odatda foydalanuvchi sichqonchani element ustiga olib borganda sodir bo‘ladi.

Eslatma: transitionDuration xususiyatini har doim ko‘rsating, aks holda davomiylik 0 bo‘ladi va o‘tish (transition) hech qanday ta’sir qilmaydi.

Brauzerlarda qo‘llab-quvvatlash

Jadvaldagi sonlar xususiyatni to‘liq qo‘llab-quvvatlaydigan birinchi brauzer versiyasini ko‘rsatadi.

Xususiyat
transitionProperty	26.0	10.0	16.0	6.1	12.1

Sintaksis

transitionProperty xususiyatini qaytarish:

object.style.transitionProperty

transitionProperty xususiyatini o‘rnatish:

object.style.transitionProperty = "none|all|property|initial|inherit"

Xususiyat qiymatlari

Qiymat	Tavsif
none	Hech bir xususiyat o‘tish effektini olmaydi
all	Standart qiymat. Barcha xususiyatlar o‘tish effektini oladi
property	O‘tish effekti qo‘llaniladigan CSS xususiyatlari nomlarining vergul bilan ajratilgan ro‘yxatini belgilaydi
initial	Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing
inherit	Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing

Texnik tafsilotlar

Standart qiymat:	all
Qaytariladigan qiymat:	Elementning transition-property xususiyatini ifodalovchi String
CSS versiyasi	CSS3

Tegishli sahifalar

CSS ma’lumotnomasi: transition-property xususiyati

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!

Ro'yxatdan o'tish Kirish