432 Text

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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