Свойство transition-property
Свойство transition-property задает свойство, для которого будет совершаться анимированный переход (можно указать несколько через запятую).
Анимированный переход будет совершаться при динамическом изменении свойств элемента, указанных в transition-property.
Допустимые значения
- none — анимированный переход совершаться не будет
- all — анимированный переход будет совершаться для всех изменяющихся свойств
- — имя свойства, для которого будет совершаться анимированный переход
| Значение по умолчанию | all |
|---|---|
| Применимо | ко всем элементам, псевдоэлементам :before и :after |
| Наследование | нет |
| Версия CSS | CSS 3 |
| Поддерживается браузерами |
|
Пример
div {
background-color:#ccc;
transition-property:background-color;
}
Твой код:
Результат:
большой полигон
Заметки
Это свойство относится к модулю CSS Transitions Module Level 3 находящемся в разработке W3C, поэтому в нем возможны дополнения.
Safari 3.1 и выше Chrome 1 и выше поддерживают аналогичное свойство -webkit-transition-property.
Opera 10.5 и выше поддерживает аналогичное свойство -o-transition-property но только для блочных и строчных элементов.
Разработчики Firefox заявляют поддержку аналогичного свойства -moz-transition-property с выходом Firefox 4.0.
update 3.08.2011 by Softlink transition не работает для background, у которых установлен в фоне градиент CSS3. Ни в одном браузере.
По теме
- Псевдокласс :hover
- Свойство transition
- Свойство transition-delay
- Свойство transition-duration
- Свойство transition-timing-function