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

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

Таблица 5.5. Поддержка свойства transition в браузерах
IE Firefox Opera Safari Chrome

Нет Да, начиная с версии 4, Да, начиная Да, с префиксом Да, с префиксом
с префиксом -moz- с версии 10.5, -webkit- -webkit-
с префиксом -o-

Теперь ширина пустого пространства слева меняется от нуля до десяти пикселов
одновременно с постепенным переходом фонового цвета (рис. 5.18). Насколько
гладко будут выполняться оба перехода, в некоторой степени зависит от браузера
(в Webkit переходы выглядят наиболее плавными, а в Firefox прерывистыми), однако
все поддерживающие данную функциональность браузеры хорошо справляются
с такими простыми эффектами.

Рис. 5.18. За время перехода фоновый цвет заголовков затемняется,
а текст смещается на десять пикселов вправо

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

www.trk.kg