CSS Transitions


Это экспериментальная технология
Так как спецификация этой технологии ещё не стабилизировалась, смотрите таблицу совместимости по поводу использования в различных браузерах. Также заметьте, что синтаксис и поведение экспериментальной технологии может измениться в будущих версиях браузеров, вслед за изменениями спецификации.

CSS Transitions is a module of CSS that defines how to create smooth transitions between values of a given CSS properties. It allows to create them, but also to define their evolution, using timing functions..


CSS Properties


Using CSS transitions
Step-by-step tutorial about how to create smooth transitions using CSS, this article describes each relevant CSS properties explains how they interact.


Specification Status Comment
CSS Transitions Рабочий черновик Initial definition.

Browser compatibility

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 1.0 -webkit (en-US)
4.0 (2.0) -moz (en-US)
16.0 (16.0)
10.0 11.6 -o (en-US)
12.10 #
3.0 -webkit (en-US)
Feature Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support 2.1 -webkit (en-US) 4.0 (2.0) -moz (en-US)
16.0 (16.0)
? 10.0 -o (en-US)
12.10 #
3.2 -webkit (en-US)

See also

  • Related to CSS Transitions, CSS Animations can triggers animations independantly of value changes.