|
Читайте также: |
Специальные эффекты
Визуальные фильтры могут быть добавлены только к элементам 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 – номер эффекта перехода (см. таблицу ниже).
Дата добавления: 2015-10-02; просмотров: 70 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Создание Web-документа с помощью редактора FrontPage Express | | | Типы листов стилей |