Идёт загрузка страницы...

htp://aptem.net.ru





    Фильтры, применяемые к тексту.

  • Фильтр Mask (Выделяет текст)
  • Фильтр Shadow (Cоздает тень)
  • Фильтр DropShadow (Еще один вид тени)
  • Фильтр FlipH (Переворачивает текст горизонтально)
  • Фильтр FlipV (Переворачивает текст вертикально)
  • Фильтр Glow (Сияющий текст)
  • Фильтр Wave (Волнистый текст)
  • Фильтр Blur (Размытие текста)


    Фильтр Mask. Вверх

    Выделяет текст, как будто бы Вы выделили его мышью.

    Синтаксис:
    STYLE="filter:Mask(Color='Color')"
    Color - цвет выделения в шестнадцатиричном виде (напр. #000FFF) или название цвета на английском, например, Red, Blue, Green. Такое определение цвета применяется во всех фильтрах, поэтому дальше это повторяться не будет.

    Пример:
    <P STYLE="filter:Mask(Color='Red'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center;"> Пример </P>

    Пример


    Фильтр Shadow. Вверх

    Создает тень текста

    Синтаксис:
    STYLE="filter:Shadow(Color='Color', Direction='Direction')"
    Color - цвет тени.
    Direction - направление тени (от 0 до 315).

    Пример:
    <P STYLE="filter:Shadow(Color='#000000', Direction='130'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>

    Пример


    Фильтр DropShadow. Вверх

    Добавляет тень к тексту.

    Синтаксис:
    STYLE="filter:DropShadow(Color='Color', OffX='Offx', OffY='Offy', Positive='Positive')"
    Color - Цвет тени
    OffX - Смещение тени по X
    OffY - Смещение тени по Y
    Positive - Тень слева или справа (0 или 1 соответственно)

    Пример:
    <P STYLE="filter:DropShadow(Color='#7FFF00',OffX='3',OffY='3',Positive='1'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Green;"> Пример </P>

    Пример


    Фильтр FlipH. Вверх

    Переворачивает текст горизонтально.

    Синтаксис:
    STYLE="filter:FlipH"

    Пример:
    <P STYLE="filter:FlipH; width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>

    Пример


    Фильтр FlipV. Вверх

    Переворачивает текст вертикально.

    Синтаксис:
    STYLE="filter:FlipV"

    Пример:
    <P STYLE="filter:FlipV; width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Red;"> Пример </P>

    Пример


    Фильтр Glow. Вверх

    Создает эффект сияния.

    Синтаксис:
    STYLE="filter:Glow(Strength='Strength', Color='Color')"
    Strength - сила, с которой текст засияет (0-100)
    Color - цвет, которым текст засияет.

    Пример:
    <P STYLE="filter:Glow(Strength='3', Color='#00FF00'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: DarkGreen;"> Пример </P>

    Пример


    Фильтр Wave. Вверх

    Делает текст волнистым.

    Синтаксис:
    STYLE="filter: Wave( Freq='Freq', Add='Add', LightStrength='LightStrength', Phase='Phase', Strength='Strength')"
    Freq - колличество волн
    Add - показать/скрыть окантовку (1 или 0 соответственно)
    LightStrength - сила волн
    Phase - угол волн
    Strength - интенсивность волн

    Пример:
    <P STYLE="filter:Wave(Freq='5', Add='0', LightStrength='1', Phase='2', Strength='2'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Green;"> Пример </P>

    Пример


    Фильтр Blur. Вверх

    Размывает текст в определенную сторону.

    Синтаксис:
    STYLE="filter:Blur(Add='Add', Direction='Direction', Strength='Strength')"
    Add - умеренное или сильное размытие (соответственно 1 или 0)
    Direction - в какую сторону произойдет размытие (oт 0 до 315)
    Strength - смещение размытия

    Пример:
    <P STYLE="filter:Blur(Add='1',Direction='30',Strength='10'); width: 200; height: 28; font-size: 16pt; font-weight: bold; text-align: center; color: Blue;"> Пример </P>

    Пример

    Обратитие внимание: цвет размытия не задается, фильтр задает его сам; в данном примере определен только цвет текста.

Вернуться?

Перейти к разделу "Учебники по HTML"