В transition-property
имота, който обикновено се използва като част от transition
стенограмите, се използва за определяне какво собственост, или имоти, която искате да приложите ефект на прехода към.
Това се прави чрез предоставяне на името на имота като стойност:
.example ( transition-property: color; )
Стойността може да бъде една от следните:
- Едно име на свойство, както в примера по-горе
- Разделен със запетая списък с имена на свойства (стенография или стенограма), за преход на множество свойства на един елемент
- Ключовата дума
none
, която показва, че нито едно свойство няма да премине - Ключовата дума
all
, която показва, че всички свойства ще преминат (по подразбиране)
Когато запетая разделяне на стойностите, имената на собственост по същество са картирани с другите свойства преход определени ( transition-timing-function
, transition-duration
и transition-delay
). Така че това означава, че ако списъкът със свойства, разделени със запетая, включва едно или повече имена на свойства, които са невалидни, останалите свойства ще продължат да се превеждат и ще се преобразуват в предвидените свързани свойства на прехода.
Спецификацията описва това, като казва:
„(U) неразпознатите или не анимираните свойства трябва да се съхраняват в списъка, за да се запази съвпадението на индексите.“
Когато използвате стойност none
или универсални ключови думи inherit
или initial
, тези стойности не могат да се използват като част от списък, разделен със запетая, в противен случай това ще доведе до синтаксична грешка и целият ред ще бъде игнориран.
За съвместимост във всички поддържащи браузъри се изискват префикси на доставчици, като стандартният синтаксис е деклариран последен:
.example ( -webkit-transition-property: color; -moz-transition-property: color; -o-transition-property: color; transition-property: color; )
IE10 (първата стабилна версия на IE, която се поддържа transition-property
) не изисква -ms-
префикса.
Поддръжка на браузър
Chrome | Сафари | Firefox | Опера | IE | Android | iOS |
---|---|---|---|---|---|---|
Върши работа | Върши работа | 4+ | 10,5+ | 10+ | 2.1+ | 3.2+ |