Фильтры для объектов.

Здесь представлены фильтры для объектов, работающие только в 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>
     

    Результат.

      

    Назад