Rambler's Top100 Старый русский почтовик! Оплата в WM! Самый активный, самый надежный!
Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!
SEO sprint - Всё для максимальной раскрутки!
Форум русских рыболовов Финляндии

Рыбалка в Финляндии


главная
DHTML
таблицы стилей
способы
употребления
Несколько
примеров
Селектор CLASS
мысли о CSS
фильтры
Общие свойства
фильтров
Обработка
событий
Мультэффекты
Терминология
Тег <script>
запрос пользователю
дата и время
Переменные
объекты
Вспомогательные
материалы


Внимание! В некоторых браузерах фильтры не работают! Для просмотра работы лучше всего использовать ИЕ

   Некоторые авторы выделяют фильтры в отдельный класс инструментов оформления HTML-страниц и это, в общем-то, правильно. Но, постольку, поскольку значения свойства фильтров указываются следуя правилам задания свойств каскадных таблиц стилей, а также учитывая, что этот сайт - не всеобъемлющий справочник, а всего лишь краткое руководство для начинающих, я позволил себе вольность включить описание фильтров и переходов в главу CSS. Если в будущем я решусь развить эту тему дальше, она будет выделена в отдельный раздел.
   Итак:

Фильтры.

   Как всегда, сначала немного теории (уж никак без нее иногда не обойтись :-(. В принципе те, кто не любит теорию, могут сразу переходить к примерам :-).
   Фильтр - это некоторый алгоритм, преобразующий визуальное отображение элемента в окне браузера. Он может быть статическим и динамическим.
   Статический фильтр преобразует элемент и после этого он отображается.
   Динамический фильтр воздействует во времени на визуальное отображение элемента, меняя его непосредственно на HTML-странице, что приводит к эффекту анимации. Динамический фильтр еще называют переходом из одного состояния отображения в другое.
   Фильтры применяются не ко всем элементам, а только к тем, которые определяют прямоугольный блок и не являются окнами. Здесь Вы найдете перечень элементов, к которым могут применяться фильтры и к которым они применяться не могут, а здесь - краткий перечень фильтров и их свойств.
   Как я уже сказал, применяются фильтры путем задания свойства фильтров следуя правилам задания свойств каскадных таблиц стилей. Общий вид записи задания свойств такой:
filter: имя_фильтра(параметры);
Параметры, если они нужны, задаются в форме:
имя_параметра=значение_параметра
Некоторым фильтрам требуется несколько параметров, задаваемых через запятую, а некоторым параметры вообще не нужны, но круглые скобки должны присутствовать обязательно.
   Если к элементу применяется несколько фильтров, они задаются в виде списка с пробелом в качестве разделителя.
   Ну а теперь пора переходить к примерам :-) Для экспериментов нам понадобится какая-нибудь картинка. Возьмем для этого хотя бы розы, которые я в прошлом году пытался отправить (к сожалению, безуспешно) женщинам - читателям моей рассылки на восьмое марта. Дорогие женщины, вот розы, которые предназначались Вам (лучше поздно, чем никогда :-):
roza.jpg[11 кб]

А теперь начнем с ними экспериментировать. (Я не буду приводить код, с помощью которого это делается. Вы можете посмотреть его кликнув правой кнопкой мыши и выбрав "просмотр в виде HTML".)
Мы можем сделать их слегка размытыми: пример использования фильтр blur()
Можем сделать негатив: пример использования фильтр invert()
Или просто черно - белое изображение: пример использования фильтр gray

Следующая композиция сделана из одного рисунка с помощью фильтров:
пример использования фильтров flipH и flipV пример использования фильтров flipH и flipV
пример использования фильтров flipH и flipV пример использования фильтров flipH и flipV
   Постольку, поскольку в одной статье все равно не удастся описать все возможности, которые фильтры дают ВЕБ-мастеру, я в заключении приведу пару примеров использования фильтра glow с тегом SPAN:
"Светящиеся буквы"
"Светящиеся буквы"
"Светящиеся буквы"
   Ну вот, я надеюсь, что цель написания статьи достигнута: теперь Вы знаете, что фильтры существуют и даже имеете некоторое представление, что с их помощью можно делать. Я понимаю, что представление это очень слабое. Но пусть Вам послужит утешением то, что ВСЕХ возможностей не знает НИКТО, потому что их ну о-очень много! Так что простор для творчества - неограниченный. Дерзайте!

Создать свой сайт


Рейтинг@Mail.ru liveinternet.ru: показано число посетителей за сегодня


Copyright © 2001 by Сергей Червонящий.
Все права защищены. Запрещено частичное или полное воспроизведение материалов сайта без согласования с автором.

Покупайте на OHO.ru:
Покупайте на OHO.ru: