Специальные эффекты
Визуальные фильтры
Визуальные фильтры могут быть добавлены только к элементам HTML, которые рассматриваются как управляющие. Это любые элементы, создающие прямоугольное место на Web-странице. Вот некоторые из управляющих элементов:
BODY, DIV, IMG, TABLE, TD, TR, INPUT.
Все фильтры следуют одному и тому же образцу. За свойством стиля filter ставится двоеточие, затем имя фильтра, а затем в круглых скобках перечисляются атрибуты фильтра, разделенные запятыми.
Фильтр тени (drop-shadow) придаст тексту трехмерный вид.
Пример.
<TABLE border=0 width=500
style="filter:DropShadow(color=gray, offx=3, offy=3, positive=1)">
<TR>
<TD >
<H1>Тень в действии</H1>
</TD>
</TR>
</TABLE>
offx – управляет горизонтальным смещением;
offy – управляет вертикальным смещением;
positive – имеет значения 1 или 0.
Сияющий фильтр (glow)
Пример.
<Table border=0 width=500 >
<TR>
<TD style="filter:glow(color=green,strength=10)">
<H2> Сияние придаст тексту загадочность</H2>
</TD>
</TR>
</TABLE>
color – цвет сияния;
strength – размер сияния.
Фильтр горизонтальное отражение (fliph)
Пример.
<TABLE border=0 width=300 style="filter:fliph">
<TR>
<TD>
<H2> Взгляните на рисунок в зеркало</H2>
</TD>
</TR>
</TABLE>
Фильтр вертикальное отражение (flipv)
Пример.
<TABLE border=0 width=300 style="filter:flipv">
<TR>
<TD>
<H2> Взгляните на рисунок в зеркало</H2>
</TD>
</TR>
</TABLE>
Фильтр перехода (Reveal)
Чтобы увидеть эффект, добавить фильтр к любой HTML-странице, имеющей хотя бы одну ссылку. Тогда при загрузке страницы вы сможете наблюдать входной эффект, а при выходе из нее по ссылке –эффект выхода.
В примере для установки фильтра перехода используется дескриптор META.
Пример.
<HEAD>
<TITLE> New Document </TITLE>
<META http-equiv="Page-Enter"
CONTENT="RevealTrans(Duration=6.000,Transition=2)">
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=6.000,Transition=11)">
</HEAD>
Transition – номер эффекта перехода (см. таблицу ниже).
в поле |
0 |
из поля |
1 |
в круг |
2 |
из круга |
3 |
стирание вверх |
4 |
стирание вниз |
5 |
стирание справа |
6 |
стирание слева |
7 |
вертикальные жалюзи |
8 |
горизонтальные жалюзи |
9 |
шахматный порядок поперечный |
10 |
шахматный порядок вниз |
11 |
случайный наплыв |
12 |
вертикальная разбивка внутрь |
13 |
вертикальная разбивка наружу |
14 |
горизонтальная разбивка внутрь |
15 |
горизонтальная разбивка наружу |
16 |
полосы налево вниз |
17 |
полосы налево вверх |
18 |
полосы направо вниз |
19 |
полосы направо вверх |
20 |
случайные горизонтальные линии |
21 |
случайные вертикальные линии |
22 |
случайный |
23 |