Спецэффекты для сайта html

Спецэффекты для сайта html

В данной рубрике мы рассмотрим такой дополнительный элемент, как мигающий текст и бегущую строка. Для начала узнаем более подробно о бегущей строке html.

Обычно целью бегущей строки является реклама (услуг, товаров и много другого).
Для создания бегущей строки html требуется воспользоваться тегом .
Давайте попробуем вставить какой-нибудь текст между тегами .

посмотреть результат

Также, в теге бегущей строки можно отредактировать:
heqght – высота строки
width – ширина строки
loop – количество прокрутки строки
bgcolor – фоновый цвет бегущей строки
Давайте попробуем задать все эти параметры к нашей строке:

посмотреть результат

Также при помощи специальных тегов можно контролировать движение бегущей строки:

Scrollamount – скорость с которой будет двигаться строка ( может принимать значение от 1 до 10);
Direction – редактирует в бегущей строке направление движения (вправо – “right“, влево – “left“, вниз – “down“, вверх – “up”);
Behavior – порядок прокрутки ( обычная прокрутка – “scroll“, с движениями от края к краю – “alternate“, прокрутка с остановкой – “slide“).

Назначим нашей строке движение:

посмотреть результат

При помощи простых действий и стилей GSS можно нашу бегущую строку превратить в мигающую строку. Давайте посмотрим, как это выглядит:

посмотреть результат

Вот и подошло к концу освоение основных элементов html. Эти небольшие знания, которые вы получили, позволят вам без чье-либо помощи создать свой первый сайт. Остальные статьи нашего сайта помогут вам узнать другие свойства, которые необходимы для красивого дизайна вашей веб-страницы.