|
Фильтр Alpha
С помощью фильтра Alpha устанавливается прозрачность объекта. Причём прозрачность может быть задана одинаковой для всего объекта, а может изменяющейся по градиенту.
Список параметров фильтра Alpha:
Stile.................... |
параметр задающий механизм наложения прозрачности на объект.
Может принимать значения:
0 - прозрачность устанавливается равномерной для всего объекта;
1 - прозрачность объекта изменяется по линейному градиенту;
2 - прозрачность объекта изменяется по круговому градиенту;
3 - прозрачность объекта изменяется по прямоугольному градиенту.
|
Opacity............... |
непосредственно указывает степень прозрачности объекта в случае равномерного его заполнения, или указывает начальное значение степени прозрачности в случае градиентного её изменения. Диапазон значений от 0 до 100:
0 - объект абсолютно прозрачен;
100 - объект абсолютно непрозрачен.
|
FinishOpacity....... |
необязательный параметр, используемый в случае изменяющейся прозрачности объекта. Этот параметр задаёт конечное значение степени прозрачности.
|
StartX, StartY....... |
необязательные параметры, задающие начальные координаты градиента по горизонтали и вертикали соответственно. Используются при линейном градиенте. Принимают значения от 0 до 100:
0 - крайняя левая (StartX) или верхняя (StartY) координата информационной области блока;
100 - крайняя правая (StartX) или нижняя (StartY) координата информационной области блока.
|
FinishX, FinishY.... |
необязательные параметры, задающие конечные координаты градиента по горизонтали и вертикали. Используются при линейном градиенте. |
Пример использования фильтра Alpha:
<HTML>
<HEAD>
<TITLE>
Иллюстрация наложения фильтра Alpha на изображения
</TITLE>
<STYLE type ="text/css">
BODY { text-align:center}
TD { text-align:center;
font-weight:700;
width:300}
IMG { width:200}
</STYLE>
</HEAD>
<BODY bgcolor=lightgrey>
<H3>Иллюстрация наложения фильтра Alpha на изображения</H3>
<TABLE bgcolor=white>
<TR>
<TD>Исходное изображение
<TD>Filter : Alpha
<TR>
<TH>
<IMG src="kkkk.jpg" style="margin-bottom:20">
<TH>
<IMG src="kkkk.jpg"
style="filter:alpha(opacity=50, finishopasity=0, style=0) margin-
bottom:20">
<TR>
<TD>Filter : Alpha(Opacity=100, <BR> FinishOpacity=0, style=2)
<TD>Filter : Alpha(Opacity=100, <BR> FinishOpacity=0, style=3)
<TR>
<TH>
<IMG src="kkkk.jpg"
style="filter:alpha(opacity=50, finishopasity=0, style=2)">
<TH>
<IMG src="kkkk.jpg"
style="filter:alpha(opacity=50, finishopasity=0, style=3)">
</TABLE>
</BODY>
</HTML>
Иллюстрация наложения фильтра Alpha на изображения
Исходное изображение |
Filter : Alpha(Opacity=50) |
|
|
|
|
Filter : Alpha(Opacity=100, FinishOpacity=0, Style=2) |
Filter : Alpha(Opacity=100, FinishOpacity=0, Style=3) |
|
|
Иллюстрация наложения фильтра Alpha на изображения и текстовые блоки
Filter : Alpha(Opacity=100, FinishOpacity=0, Style=1) |
Filter : Alpha(Opacity=100, FinishOpacity=5, Style=1, FinishX=50) |
Filter : Alpha(Opacity=100, FinishOpacity=5, Style=1 FinishX=50 FinishY=10) |
|
|
|
|
|
|
Filter : Alpha(Opacity=100, FinishOpacity=10, Style=2) |
Filter : Alpha(Opacity=100, FinishOpacity=0, Style=1) |
Filter : Alpha(Opacity=0, FinishOpacity=100, Style=3) |
|
|
|
ЕСТЬ ВОПРОСЫ? ЗАХОДИТЕ НА HTML-ФОРУМ!
Это лучшее место для общения на веб-дизайнерские темы. Здесь вы можете задать интересный вопрос, получить на него не менее интересный ответ и поделиться опытом с коллегами. Что особенно приятно, у форума есть модератор - это исключает пустой треп и вездесущую рекламу в сообщениях. Общайтесь с пользой!
|
  |