Переход нескольких свойств

Переход нескольких свойств

Предположим, что кроме цвета фона хочется также менять цвет самой ссылки и накладывать переход на это изменение. Такого эффекта можно достичь, перечисляя одновременно несколько переходов и разделяя их запятой. На каждый переход можно навесить отдельную продолжительность и собственную временную функцию (рис. 2.03). (Продолжение строки отмечено символом»).

^{Рис. 2.03. Обычное состояние ссылки и состояние: hover}

a.foo { 

padding: 5px 10px;

background: #9c3;

-webkit-transition: background.3s ease, color 0.2s linear;

-moz-transition: background.3s ease, color 0.2s linear;

-o-transition: background.3s ease, color 0.2s linear;

transition: background.3s ease, color 0.2s linear;

}

a.foo: hover,

a.foo: focus {

color: #030;

background: #690;

}

Данный текст является ознакомительным фрагментом.