Отправляет email-рассылки с помощью сервиса Sendsay

Свой сайт - это очень просто!

  Все выпуски  

Свой сайт - это очень просто! Фильтры


Информационный Канал Subscribe.Ru


Создание HTML-страниц с мультимедийными эффектами при помощи фильтров.
27.01.2003 Свой сайт - это очень просто! нр 33.

Доброго Вам здоровья уважаемые подписчики!

   Сегодня в выпуске:
   Новости сайта:    Сегодняшняя тема:

Фильтры.

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

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

   Интересующимся: новый почтовый спонсор с минималкой всего 0.75$!

Как всегда, приглашаю Вас посетить Свой сайт - это очень просто!. И, как всегда, Вы можете задавать мне любые вопросы.
    Всего Вам доброго.
   Сергей Червонящий.
на главную

http://subscribe.ru/
E-mail: ask@subscribe.ru
Отписаться
Убрать рекламу

В избранное