Новый русский почтовик! Оплата в WM! Самый активный, самый надежный!

Рыболовные туры в Финляндию
Рыбалка в Финляндии
с русскоговорящим гидом!

скачать мультфильмы бесплатно ну погоди, Приключения кота Леопольда, Tom and Jerry - Том и Джерри и другие
скачать бесплатно сериалы, боевики псевдоним албанец, десантура, глухарь и кучу других
рыбалка видео, подводная охота видео, зимняя рыбалка видео, рыболовные снасти

Форум русских рыболовов Финляндии

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

главная

Общие свойства
фильтров

Вспомогательные
материалы

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

Фильтры.

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

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

Можем сделать негатив: пример использования фильтр invert()

Или просто черно - белое изображение: пример использования фильтр gray

Следующая композиция сделана из одного рисунка с помощью фильтров:

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

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

поиск по сайту
и в сети:

Copyright © 2001 by Сергей Червонящий.

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