Иногда необходима возможность реализовать прокрутку блоков с текстом, чтобы визуально предоставить информацию для посетителя. Сегодня мы хотим рассказать, как создать автоматический scroll текста на сайте при помощи jQuery и CSS3. Быстрый, эффективный вертикальный скроллер текста, который автоматически прокручивает группу абзацев с эффектами масштабирования и затухания на основе анимации CSS3. Если вы хотите реализовать на своем сайте анимированное отображение заголовков, то это отличный вариант их реализации.

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

Как использовать:

После того как вы подключили все скрипты к странице просто вставьте текст в скроллер благодаря следующей разметке:

Это вся разметка которая у нас будет, присвойте класс к нужному вам тексту, и вы сможете отобразить анимацию заголовков.

У нас будут следующие правила CSS / CSS3 для текстового скроллера.

Основная функция для анимации скроллера текста путем добавления / удаления CSS классов:

Активируйте скроллер текста и прокручивайте текст каждые 2 секунды:

В результате вы получили такой замечательный эффект для заголовков с анимацией. Материал взят из зарубежного источника и представлен в ознакомительных целях.

Вот и все. Готово!