css3 задержка перехода определенного атрибута

Question

В настоящее время я оформляю текстовое поле, меняя его цвет фона и цвет шрифта при наведении:

transition: background-color 1s, color 1s;

Теперь я хотел бы изменить цвет после цвета фона с помощью задержки перехода.Проблема в том, что задержка перехода не принимает СОБСТВЕННОСТЬ (т.е. цвет), которую я хотел бы задержать.Есть ли способ отложить только определенные атрибуты?

Answer 1

Задержка перехода зависит от свойства.

Например

transition: background-color 1s linear 2s, color 1s;
transition: property name | duration | timing function | delay

При использовании сокращения, кажется, что вам также необходимо указать функцию синхронизации.

( Источник )