Всё для создания веб-сайта
Главная | Поиск | Обратная связь | Карта сайта | Версия для печати

Искажение текста

Искажение текста

Искажение текста с помощью фильтра CSS Wave

как это выглядит:

Добро пожаловать на сайт!

пример html-кода:

<style type="text/css">
   .wave { width: 600px; font-family: monotype corsiva; font-size: 25pt; font-weight: bold; }
</style>

<div id="wft" style="filter: wave(add=0, freq=4, light=0, phase=0, strength=5)" class="wave">
   Добро пожаловать на сайт!
</div>

<script type="text/javascript">
var TimerID;
var updown = true;
var str = 1;

function start()
   {
   if (document.all)  TimerID = window.setInterval( "wave()", 300 );
   }

function wave()
   {
   if ( str > 20 || str < 1 ) updown = !updown;
   if ( updown ) str++;
   else  str--;
   wft.filters( "wave" ).phase = str * 20;
   wft.filters( "wave" ).strength = str;
   }

window.onload = start;
</script>

поддержка браузеров: Internet Explorer все версии
см. также: filter: wave

Вернуться к списку

Авторизация
запомнить меня
Забыли свой пароль?
Поиск по сайту

Самое популярное

Статистика

Если вам понравился наш сайт, будем благодарны за размещение нашей кнопки на страницах Вашего сайта
как выглядит:

Учебник HTML, свойства CSS, сборник JavaScript, PHP скриптов

код нашей кнопки:

регистрация сайта в каталогах Заработай на своем сайте Заработай на своем сайте WOlist.ru - каталог сайтов Рунета