Как в свойстве transition задать разные значения duration для форматируемых свойств?

Question

[webrapist]

Добрый день.

Как в универсальном свойстве transition указать длительность анимации для отдельных свойств?

Можно вроде написать так(возможно, что ошибся в синтаксисе, но суть, думаю, что понятна:

transition: background-color 2s,
color 10s,
width 5s;

Можно как-то указать duration для свойств в transition не указывая сами свойства?

З.ы. Если указывать значения duration через запятую, то используется последнее значение для всех свойств.

Answer 1

[devstudent]

пишите отдельно transition для каждого свойства , пят свойств - пять транзишнов

Comments

[webrapist]

В таком случае, вариант, что я написал выше, чем плох?

[devstudent]

тем что он не работает как надо вам

[webrapist]

devstudent: не могу понять, почему же? Для каждого свойство указывается duration.

Answer 2

[Олег]

a {
    transition: background .5s , color 1s;
}

Фон - полсекунды, цвет - секунду.

Comments

[webrapist]

Это я понял, я просто думал, что можно обойтись чем-то таким - transition: all 5s, 1s;

[Олег]

swibong: Лучше не вешать transition сразу на все, а указать конкретные свойства.