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

Динамическая подсветка разделов страницы • 201

Можно было бы поместить переход в правило
h2:target вместо правила h2. Но в таком слу- Для того чтобы увидеть новый
чае он бы отображался только при выборе за- переход в действии, откройте
головка в качестве цели; он не выполнялся бы в файл target_4.html (из папки с
обратную сторону после снятия цели, и голубой файлами упражнений для этой
главы) в одном из браузеров,
фон резко менялся бы на прозрачный. Кроме поддерживающих переходы. Этот
того, в настоящее время Opera поддерживает файл содержит все изменения,
только переходы, связанные с исходным, а не которые мы пока что внесли в
измененным состоянием элемента. Поэтому в код в этой главе.
Opera переход в правиле h2:target просто не
стал бы работать. Мне кажется, что это неверное
поведение; но в разрабатываемой спецификации
W3C этот вопрос пока что не проясняется.

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

h2 {
clear: left;
margin: 0 0 -.14em 0;
color: #414141;
font-family: Prelude, Helvetica, "Helvetica Neue",
Arial, sans-serif;
font-size: 2.17em;
font-weight: bold;
-moz-transition: background-color 1s ease-out,
padding-left .5s ease-out;
-o-transition: background-color 1s ease-out,
padding-left .5s ease-out;
-webkit-transition: background-color 1s ease-out,
padding-left .5s ease-out;
transition: background-color 1s ease-out,
padding-left .5s ease-out;
}

коротко о СвойСтве tranSItIon

Свойство transition входит в модуль Transitions (Переходы), который вы найдете по адресу
http://www.w3.org/TR/css3-transitions. Это собирательное свойство, включающее отдельные
свойства transition-property, transition-duration, transition-timing-function и transition-delay.
Оно позволяет постепенно менять значение свойства на другое в случае, когда состояние
элемента меняется.

Обязательные составляющие перехода — transition-property (для указания свойства
элемента, которое будет постепенно меняться) и transition-duration (для указания про-

www.trk.kg