2 810 Скрипты / Text

Интерактивный текст на HTML5

Очень необычно и красиво сделанный интерактивный типографический эффект с использованием canvas. Будем создавать динамические баннеры, для оживления сайта. Работать будет по разному и не во всех браузерах.

Интерактивный текст на HTML5
1 104 Скрипты / Text

Эффект перетасовки текста

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

Эффект перетасовки текста
2 459 Скрипты / Text

Динамический 3D текст

В статье посмотрим как можно сделать динамический (изменяющийся) 3D текст в зависимости от положения курсора мыши.

Динамический 3D текст
1 220 Скрипты / Text

Угасание текста внизу страницы

Эффект при котором кажется, что текст внизу страницы исчезает. Используется фиксированный DIV (bottom: 0px;) с прозрачным PNG изображением и высоким значением z-index. Имеется фикс и для IE 6.

Угасание текста внизу страницы
855 Скрипты / Text

Плагин управления ссылками

Интересный плагин для jQuery, который работает со ссылками. Создается эффект inline - ссылка двигает текст вправо и предоставляет выбор открыть её в Новом окне, или эффект overlay - над ссылкой всплывает подсказка с выбором открытия в Новом или Текущем окне.

Плагин управления ссылками
1 667 Скрипты / Text

Текст с движущимся фоном

Эффект при котором заливка текста изменяется в соответствии с выбранной фоновой картинкой. Конечно, это не совсем заливка текста. У нас будет подготовленное изображение на котором мы "вырезаем" текст, и в этих отверстиях и будет перемещаться задний фон.

Текст с движущимся фоном
4 020 Скрипты / Text

Плагин скрытия текста

JQuery плагин truncatable - плагин скрытия содержимого. Благодаря ему пользователи могут скрыть излишний текст и вновь восстановить его при нажатии на ссылку-многоточие. Плагин дружелюбен к SEO и идеален в случаях, когда не представляется возможным использовать php.

Плагин скрытия текста
1 214 Скрипты / Text

Эффект перекрытия элементов

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

Эффект перекрытия элементов