10:47 | 21.11.2024
Web-разработка
Реклама

Текстовый эффект jQuery

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

1. Плагин jQuery «Gradient text»

Gradient text

Плагин для реализации текстовых эффектов градиентной заливки.

2. jMagnify

Текстовые эффекты jQuery

jMagnify увеличивает текст при наведении курсора мыши.

3. Текстовые эффекты с использованием jQuery

jQuery текстовые эффекты

Множество различных эффектов: градиент, отражение, тень, эффекты при наведении,

4. Текст с эффектом отбрасывания тени.

CSS текст с тенью

Реализовано с использованием JavaScript и CSS.

5. CSS3 переливающийся текст

CSS3 переливающийся текст

Завораживающий текстовый эффект. Текст переливается разными оттенками, выглядит очень круто. К сожалению работает корректно только в Safari и Google Chrome.

6. Текстовые ффекты

Текстовые эффекты jQuery

Много различных текстовых эффектов. Символы «буквально» летают по экрану.

7. Анимированный текстовый эффект на jQuery «Sliding Letters»

Текстовый эффект jQuery

Интересный текстовый эффект при наведении с использованием jQuery.

8. Масштабируемый текст jQuery «Sliding Letters»

Текстовый эффект jQuery

Плагин для создания масштабируемого текста в зависимости от размера окна браузера. Чем больше размер окна браузера, тем больше размер текста Имейте в виду, что этот эффект не стоит использовать для обычного текста в параграфах. Он подойдет только для отображения огромных надписей, например, на промо-сайтах. Пример можно посмотреть на демонстрационной странице. Попробуйте изменять размер окна, чтобы увидеть эффект.

9. CSS3 эффект размытия текста

CSS3 эффект размытия текста

Эффект размытия текста при наведении курсора с помощью CSS3 и jQuery.