кста и изображений 
с помощью фильтров 
При создании эффекта отбрасывания тени с помощью текста вместо исполь- 
зования графических изображений Web-браузер может загружать и выводить на 
экран Web-страницу несколько быстрее. К сожалению, некоторое Web-браузеры 
еще не поддерживают каскадные списки стилей. Как результат, |при использова- 
нии таких средств списков стилей, как абсолютное пози ционирование, некото- 
рые посетители не будут видеть созданных вами эффектов. Фактически, в зави- 
симости от свойств каскадных списков стилей, используемых для создания 
эффекта, отдельные посетители увидят часть Web-страницы в виде перекрываю- 
щегося текста. Другим словами, эффекты на основе каскадных Списков стилей в 
браузерах, не поддерживающих списков, не исчезают бесследно. 
Компания Microsoft расширила каскадные списки стилей зр счет введения 
свойств фильтрации, которые позволяют браузерам Internet Explorer (версии 4 и 
выше) визуализировать эффекты как на основе графики, так и цг основе текста. 
Web-браузеры, которые не могут использовать содержащиеся в кеде фильтры (со- 
держащиеся как в дескрипторе элемента Web-страницы, так и в списке стилей), 
выведут на экран элемент без специального эффекта. Как результат, несмотря на

220 Глава 4. Каскадные списки стилей 
то, что Web-страница будет выглядеть не так, как предполагалось, тем не менее, 
даже посетители с браузерам, не поддерживающими фильтров, смогут просмат- 
ривать ее содержимое. 
ПРАКТИКУМ 
Для создания эффекта с помощью свойства filter 
примените его подобно любому другому стилю кас- 
кадных списков стилей. Например, для создания 
гиперссылки с эффектом свечения, показанной на 
рис. 4.21, можно воспользоваться следующим свой- 
ством стиля в дескрипторе привязки: 
<а style="filter:glow(); width:100%; 
font-size:30pt; text-decoration:none" 
href="http:// 
www. NVBizNet .сот">Свечение 
1 « * И* 
Stop 
4 Ф и л ь т р ы не б у д у т работать (т.'е. не бу- 
дут производить ожидаемого от них эффекта), если не ус- 
тановить свойство width элемента. Для графических 
элементов установите значение свойства width равным 
фактической ширине изображения, а для текстовых эле- 
ментов - равным 100% ширины элемента. 
Hqili 
Рис. 4.21. Web-страница с 
текстом, демонстрирующим 
эффекты различных фильтров Свойство filter может принимать следующие 
значения: 
Позволяет сделать элемент частично или полностью прозрачным. 
Размывает элемент, как если бы он перемещался с большой скоростью. 
Делает прозрачным указанный цвет в элементе. 
Отражает элемент в горизонтальном направлении. 
Отражает элемент в вертикальном направлении. 
Создает эффект свечения за счет добавления сияния вокруг элемента. 
Визуализирует элемент в черно-белых тонах, используя представление 
цветов элемента в шкале серого. 
Визуализирует элемент с обратным цветом и значением яркости. 
Проецирует на элемент источник света. 
Визуализирует элемент с указанным цветом фона и прозрачным цве- 
том переднего плана. 
Визуализирует элемент с тенью. 
Визуализирует элемент, отбрасывающий тень. 
Визуализирует элемент с эффектом волны за счет добавления синусо- 
идального искажения по оси х элемента. 
Визуализирует элемент в черно-белых тонах с обратным цветом и 
значением яркости. 
Синтаксис объявления фильтров, который должен соблюдаться при использо- 
вании их в дескрипторах элементов Web-страницы, показан в таблице 4.1. Не 
следует забывать, что свойство filter будет работать только в том случае, когда 

установлено свойство width элемента.

Глава 4. Каскадные списки стилей 221 
Таблица 
Свойство 
4.1. Свойства, 
Значения 
значения и синтаксис объявления свойства filter 
Синтаксис 
filter:alpha( 
opacity=0, 
f inishopacity=75, 
style=2, 
startx=0, 
starty=0, 
finishx=140, 
finishy=270) 
apha уровень непрозрачности: 0-100 (0 соответствует 
прозрачному состоянию, 100 — полностью непрозрачному) 
уровень finishopacity: 0-100 (0 соответствует 
прозрачному состоянию, 100 — полностью непрозрачному) 
style: 0=однородный, 1=линейный, 
2=радиальный, 3=прямоугольный 
startx: координата х для начала 
градиента непрозрачности 
starty: координата у для начала 
градиента непрозрачности 
finishx: координата х для конца 
градиента непрозрачности 
finishy: ко