Page 200 - Сила CSS3 Освой новейший стандарт

200 • Глава 5. Повышение эффективности за счет псевдоклассов

Переходы не так просто проиллюстрировать в книге, но на рис. 5.17 вы видите
постепенное изменение фонового цвета при выборе соответствующего заго-
ловка целевым. Если щелкнуть на кнопке Back (Назад) браузера и снять цель с
заголовка, то переход будет выполнен в обратную сторону, от голубого цвета
к прозрачному.

Рис. 5.17. В течение односекундного перехода фоновый цвет заголовка меняется
с совершенно прозрачного на голубой

где еще можно применять переходы?

Не все свойства поддерживают переходы. Консорциум W3C называет поддерживающие
переходы свойства «анимируемыми». Полный список таких свойств вы найдете на стра-
нице http://www.w3.org/TR/css3-transitions/#animatable-properties-. Вот почему в правиле
h2:target я использовала свойство background-color, а не составное свойство background:
background-color поддерживает переходы, а background — нет. Или, по крайней мере, оно
не должно быть анимируемым по замыслу создателей. Webkit и Firefox идут против правил,
однако Opera следует стандарту. Поэтому, если бы мы применили свойство background,
а не background-color, переходы не работали бы в Opera.

www.trk.kg