Как сделать движущеюся надпись


  • Красивый текст и типографика способны сделать Ваш сайт более привлекательным. В веб — дизайне CSS позволяет сделать более интересные эффекты с текстом, при этом вообще не использовать графические редакторы и скрипты. С помощью CSS Вы можете добавить тексту множество различных эффектов, тем самым оживить его.

    И для того чтобы это продемонстрировать, представляю Вам подборку из 15 эффектов для текста, которые сделаны только с помощью CSS, но некоторые примеры всё же использовали не большие скрипты.

    Спасибо большое http://www.hongkiat.com и обязательно посмотрите следующее:

    Эластичная анимация

    Этот эффект делается с помощью CSS и SVG, как видите, что результат получился потрясающим.

    Перейти

    Глюк с SVG

    Хотите, чтобы Ваш текст на сайте имел популярный глюк аналогового телевидения? Это можно сделать с помощью CSS и SVG фильтров

    Перейти

    Ретро логотип

    Данный логотип сделан на CSS, а также имеет бегунок, который позволит увеличить его.

    Перейти

    Эффект сдвига для текста

    Как будто текст разрезали острым ножом. Этот эффект сделан с помощью 70 линий на CSS.

    Перейти

    Длинная тень для текста

    Этот элегантный эффект длинной тени для текста создан только с помощью CSS, и смотрится он удивительно.

    Перейти

    Туманный эффект для текста

    Отличный туманный эффект в основном для сайтов с тёмным дизайном. Работает данный эффект только в Webkit браузерах

    Перейти

    Маска для текста на SVG

    Перейти

    Анимация для текста

    Это на вид простая анимация, но она сделана только на CSS и стоит Вашего внимания.

    Перейти

    3d текст

    Это игра с CSS тенями, но как Вы можете видеть, результат получился очень классным.

    Перейти

    Текст с фоном

    Вернее текст тут, как бы, получается прозрачным.

    Перейти

    Мигающий текст

    Тут мы можем видеть довольно приглушающий свет для текста, который к тому же ещё и периодически мигает.

    Перейти

    Анимированная подпись

    Это необычный эффект для текста на CSS. Подойдёт для множества сайтов, и точно может привлечь посетителей.

    Перейти

    Глюк для страницы с 404 ошибкой

    Совершенно необычный и красивый глюк, который можно установить на страницу с 404 ошибкой.

    Перейти

    Космос

    Довольно интересный и хорошо продуманный логотип с анимацией, которая работает на CSS

    Перейти

    Загрузка

    Это довольно интересный эффект, который можно поставить на предзагрузку Вашего сайта

    Перейти


    Поделись с друзьями



    Рекомендуем посмотреть ещё:


    Закрыть ... [X]

    Онлайн генератор текста создать свой красивый текст - Онлайн конструктор Челленджи на одного в домашних условиях

    Как сделать движущеюся надпись Как сделать движущеюся надпись Как сделать движущеюся надпись Как сделать движущеюся надпись Как сделать движущеюся надпись Как сделать движущеюся надпись Как сделать движущеюся надпись

    ШОКИРУЮЩИЕ НОВОСТИ