1 129 Text

Ротация текста - atrotating.js

Atrotating - плагин для изменения/вращения текста или HTML, одиночно или в группе, автоматически с сепаратором (вертикальной чертой "|"). Плагин поставляется с пятью встроенными эффектами перехода, но вы также можете подключить animate.css для использования более необычных css3 анимаций.

Ротация текста - atrotating.js
864 Form

Эффекты для текстовых полей

Несколько интересных эффектов для текстовых полей включающих некоторые новые методы реализации и идеи. В основном используются CSS transitions и изредка CSS animations на label тегах или на псевдо-элементах.

Эффекты для текстовых полей
4 097 Text

Readmore.js - плагин скрывающий большой текст

Плагин позволяющий скрывать часть текста, если он превышает заданную длину. Добавляется ссылка, как правило в виде кнопки "Подробнее" - по клику отображается скрытый текст.

Readmore.js - плагин скрывающий большой текст
620 Form

FancyText - текстовые эффекты для инпутов

  FancyText - jQuery плагин плюс CSS3 анимация. Плагин позволяет из обычного текстового поля (input) получить составной элемент (input + label) с разнообразным количеством эффектов на выбор. Использование плагина очень простое: нужно добавить в HTML документ текстовое поле, добавить пользовательские атрибуты и вызвать функцию FancyText.

FancyText - текстовые эффекты для инпутов
3 175 Animation

Эффекты при наведении для блоков с заголовками

 Немножко свежих идей для красивого оформления блоков с заголовками при наведении на них курсора. Тонкие линии, белый цвет - ничего лишнего. Будем использовать 3D transform и transition для псевдо-элементов - работать данные эффекты будут только в современных браузерах.

Эффекты при наведении для блоков с заголовками
710 Text

Градиентный текст

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

Градиентный текст
902 Text

Анимация текста на jQuery

Плагин для анимации текста имющий пять различных режимов: roll, step, jump, puff, highlight, каждый с возможностью дополнительной настройки.

Анимация текста на jQuery
557 Text

Выделение цветом ссылок при наведении

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

Выделение цветом ссылок при наведении