Фильтры для объектов. |
|
Здесь представлены фильтры для объектов, работающие только в Internet Explorer 5.0 (надписи выделенные зеленым необходимо откорректировать).
|
|
Blur Add - 0 или 1
Direction - в какую сторону произойдет размытие, от 0 до 315
Strength - смещение
|
Код. |
|
<style type="text/css">
<--
.f1 { filter:Blur(Add="1",Direction="300",Strength="10") }
//-->
</style>
<img src="image.gif" width=50 height=50 alt="" class="f1">
|
Результат. |
|
|
|
Alpha Opacity — степень осветления, от 0 до 100
FinishOpacity — конечная степень осветления от 0 до 100
Style — 0 — равномерная прозрачность, 1 — линейный градиант, 2 — круговой градиент, 3 — прямоугольный градиент
StartX, StartY — начальные координаты градиента по горизонтали и вертикали
FinishX, FinishY — конечные координаты градиента по горизонтали и вертикали
|
Код. |
|
<style type="text/css">
<--
.f2 { filter:Alpha(Opacity="50",FinishOpacity="45",Style="3") }
//-->
</style>
<img src="image.gif" width=50 height=50 alt="" class="f2">
|
Результат. |
|
|
|
FlipV Данный фильтр поворачивает изображение «вверх ногами».
|
Код. |
|
<style type="text/css">
<--
.f3 { filter:FlipV; }
//-->
</style>
<div class="f3" style="width: 50; height: 50;">
<img src="image.gif" width=50 height=50 alt="">
</div>
|
Результат. |
|
|
|
Invert
|
Код. |
|
<style type="text/css">
<--
.f4 { filter:Invert; }
//-->
</style>
<div class="f4" style="width: 50; height: 50;">
<img src="image.gif" width=50 height=50 alt="">
</div>
|
Результат. |
|
|
|
Redirect Данный фильтр преобразует объект в объект типа DAImage, который может управляться через интерфейс DirectAnimation.
|
Код. |
|
<div style="filter: redirect;">
…
</div>
|
|
Gray
|
Код. |
|
<style type="text/css">
<--
.f5 { filter:Gray; }
//-->
</style>
<img src="image.gif" width=50 height=50 alt="" class="f5">
|
Результат. |
|
|
|
Chroma Данный фильтр делает прозрачным заданный вами цвет.
|
Код. |
|
<style type="text/css">
<--
.f6 { filter:Chroma(Color ="#ff0000"); }
//-->
</style>
<img src="image.gif" width=50 height=50 alt="" class="f6">
|
Результат. |
|
|
|
Xray
|
Код. |
|
<style type="text/css">
<--
.f7 { filter:Xray; }
//-->
</style>
<img src="image.gif" width=50 height=50 alt="" class="f7">
|
Результат. |
|
|
|
RevealTrans Рисунок выводится каждый раз новым эффектом.
|
Код. |
|
<img src="image.gif" width=50 height=50 alt="" id="akma" style="filter:revealTrans(Duration=5.0, Transition=23); visibility:hidden;">
<input type=button value="Play" OnClick="Start()">
<input type=button value="Stop" OnClick="Stop()">
<script language="JavaScript">
<!--
function Start(){
akma.filters.item(0).Apply();
akma.filters.item(0).Play();
akma.style.visibility="";
}
function Stop(){
akma.filters.item(0).Stop();
}
//-->
</script>
|
Результат. |
|
|
« предыдущая | содержание | следующая » |
