Фильтры.

Здесь представлены фильтры, работают только в Internet Explorer 5.0 (надписи выделенные зеленым необходимо откорректировать).
 
  • Mask
     

    • Код.

    <style type="text/css">
    <--
    .f1 { filter:Mask(Color="#c0c0c0") }
    //-->
    </style>

    <div class="f1" style="width: 200; height: 20; font: 13pt;">AKMA</div>
     

    Результат.

    AKMA

     
  • Shadow

    Direction — направление тени от 0 до 315.
     

    • Код.

    <style type="text/css">
    <--
    .f2 { filter:Shadow(Color="#c0c0c0", Direction="150") }
    //-->
    </style>

    <div class="f2" style="width: 200; height: 20; font: 13pt;">AKMA</div>
     

    Результат.

    AKMA

     
  • FlipH
     

    • Код.

    <style type="text/css">
    <--
    .f3 { filter:FlipH; }
    //-->
    </style>

    <div class="f3" style="width: 200; height: 20; font: 13pt;">AKMA</div>
     

    Результат.

    AKMA

     
  • Glow

    Strength — свечение от 0-100.
     

    • Код.

    <style type="text/css">
    <--
    .f4 { filter:Glow(Strength=2, Color="#f0e68c") }
    //-->
    </style>

    <div class="f4" style="width: 200; height: 20; font: 13pt;">AKMA</div>
     

    Результат.

    AKMA

     
  • Wave

    Freq — число волн
    LightStrength — сила волны
    Phase — угол волны
    Strength — интенсивность волны
     

    • Код.

    <style type="text/css">
    <--
    .f5 { filter:Wave(Freq=2, Add=0, LightStrength=1, Phase=2, Strength=2) }
    //-->
    </style>

    <div class="f5" style="width: 200; height: 20; font: 13pt;">AKMA</div>
     

    Результат.

    AKMA

     
  • DropShadow

    OffX — cмещение тени по X
    OffY — cмещение тени по Y
    Positive — значение 0 или 1
     

    • Код.

    <style type="text/css">
    <--
    .f6 { filter:DropShadow(Color="#c0c0c0",OffX="3",OffY="3",Positive="1") }
    //-->
    </style>

    <div class="f6" style="width: 200; height: 20; font: 13pt;">AKMA</div>
     

    Результат.

    AKMA

     
  • Blur

    Add — 0 или 1
    Direction — в какую сторону произойдет размытие, от 0 до 315
    Strength — смещение
     

    • Код.

    <style type="text/css">
    <--
    .f7 { filter:Blur(Add="1",Direction="300",Strength="10") }
    //-->
    </style>

    <div class="f7" style="width: 200; height: 20; font: 13pt;">AKMA</div>
     

    Результат.

    AKMA

     

    Назад