Blur - эффект размытости
Fliph - горизонтальное отражение картинки или текста
Flipv - вертикальное отражение картинки или текста
Wave "волнистое" искажение картинки или текста
Xray - изображение только контура объекта
Рассмотрим пример создания статического фильтра.
В примере в окно выводится броузера графическая картинка в формате jpeg и текст в следующей последовательности:
графика и текст без фильтра;
графика и текст с фильтром Flipv;
графика и текст с фильтром Fliph;
графика и текст с фильтром Blur.
Обратите внимание: фильтр Blur, примененый к тексту создает эффект трехмерности - создается впечатление отбраываемой тени.
Посмотрим еще один пример использования статических фильтров. . В данном случае применение фильтра Xray создает эффект негатива "картинки", а также изменяет цвет шрифта текста. Фильтр Wave создает не просто "волнистое" искажение картинки - ее просто не видно за этими полосками! Зато текст, обработанный спомощью этого фильтра стал пестреньким (по цвету) и очень миленьким. Не правда ли?
Продолжение следует!
Возврат в начало страницы Возврат на главную страницу сайта
Инструментальные средства для работы c CSS
Основную информацию о каскадных таблицах стилей можно найти на следующих web-сайтах:
Учебник Малдера (Mulder) по каскадным таблицам стилей |
http://webmonkey.com/authoring/stylesheets |
Справочник по совместимости каскадных (многоуровневых) таблиц в журнале Webreview. |
http://style.webreview.com |
Спецификация каскадных (многоуровневых) таблиц стилей |
http://www.w3.org/Style/CSS |