Фильтры, применяемые к тексту
-= сам сделай сайт! =-

ЭТО НЕ ТАК УЖ И СЛОЖНО...

- Основы языка HTML -

  • С чего начинать?
  • Текст.
  • Цвет и фон.
  • Изображения.
  • Изображения-карты.
  • Ссылки.
  • Стили (CSS).
  • Мета-теги.
  • Таблицы.
  • Списки.
  • Формы.
  • E-mail формa.
  • Горизонтальные линии.

    - Дополнительные сведения -

  • Список елементов HTML.
  • Раскладка цветовой гаммы по RGB-составляющим.
  • Спецсимволы в HTML.
  • Курсоры.
  • Фильтры, применяемые к тексту.
  • Фильтры, применяемые к изображению.
  • Дополнительные возможности тега <BODY>

    - Полезное -

  • Новые окна. (
  • Полезные советы Web-мастеру.

    - Java Scripts -

  • JavaScript.
  • События.
  • Окна с сообщениями.
  • Кнопки.
  • Простые вредоносные JavaScripts.
      • Фильтры, применяемые к тексту.

    • Фильтр 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>

      Пример

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

    Вернуться?
    Hosted by uCoz
    Copyright ©2009 Валентин Иткинд
    -= END =-
    .