|
CSS3 Свойство transition
 Полный CSS Справочник
Пример
Наведите мышь на элемент div, чтобы постепенно изменить ширину со 100px до
300px:
div
{
width:100px;
transition: width 2s;
-moz-transition: width 2s; /* Firefox 4 */
-webkit-transition: width 2s; /* Safari и Chrome */
-o-transition: width 2s; /* Opera */
}
div:hover {width:300px;} |
Попробуйте сами » |
Поддержка Браузерами
Свойство transition не поддерживается ни одним браузером.
Firefox 4 поддерживает альтернативное свойство -moz-transition.
Safari и Chrome поддерживают альтернативное свойство -webkit-transition.
Opera поддерживает альтернативное свойство -o-transition.
Определение и ИспользованиеСвойство transition - это стенографическое свойство для четырех свойств перехода:
transition-property,
transition-duration,
transition-timing-function и
transition-delay.
Замечание: Всегда указывайте свойство transition-duration, иначе продолжительность
приравнивается к 0 и переход не возымеет эффекта.
| Значение по умолчанию: |
all 0 ease 0 |
| Наследуется: |
нет |
| Версия: |
CSS3 |
| JavaScript синтаксис: |
объект.style.transition="width 2s" |
Синтаксис
| transition: свойство продолжительность временная-функция задержка; |
Полный CSS Справочник
|
