Блог Vaden Pro

Все о самостоятельном создании и продвижении сайтов
Вы здесь

Свойство transition-duration

Справочник: 
Свойство

Характеристики свойства

В каких браузерах работает?

10.0+ 26.0+ 12.1+ 3.0+ 16.0+ 2.1+ 2.0+

В каких версиях CSS используется?

CSS 1 CSS 2 CSS 2.1 CSS 3
- - - +

Для чего используется?

Это свойство отвечает непосредственно за скорость изменения состояния объекта. Эта скорость определяется также временем. Сам переход протекает мгновенно, то есть величина временного промежутка изменения состояния объекта равна нулю. Этот процесс можно замедлить, чем достигается плавность перехода.

Возможно указывать несколько значений задержек для процессов, прописанных в transition-property.

Как правильно задавать?

transition-duration: задержка;

Какие могут быть значения?

Особенности указания значения описаны в статье время.

Пример использования

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Свойство transition-duration</title>
  <style>
   img:hover {
    opacity: 0.3;
    transition: 1s;
    transition-duration:3s;
	}
  </style>
 </head>
 <body>
  <img src="pictures/celt.jpg">
 </body>
</html>

Тип CSS свойства: 
Анимация