Свойства используемые для объявления переходов

Переход можно объявить, используя четыре свойства или одно сокращенное объявление, включающее значения всех этих свойств:

transition-property — имя CSS-свойства, к которому будет применен эффект перехода (например, background-color, text-shadow или all для применения эффекта перехода ко всем свойствам);

transition-duration — отрезок времени, в течение которого должен осуществляться переход (указывается в секундах, например 0.3s, 2s или 1.5s);

transition-timing-function — определяет, как будет изменяться скорость перехода в течение заданного отрезка времени (например, можно указать значение ease, linear, ease-in, ease-out, ease-in-out или cubic-bezier);

transition-delay — опциональное свойство для определения задержки перед началом выполнения перехода. Как вариант, для него можно задать отрицательное значение, чтобы переход начинался незамедлительно, однако при этом часть процесса перехода окажется пропущенной.

Используя по отдельности разные свойства для объявления переходов, можно создать такой переход:

#content a {

… (еще стили)… transition-property: all; transition-duration: 1s; transition-timing-function: ease; transition-delay: 0s;

}