С информацией
Только заголовки

Оформление кнопок на CSS

Варианты стилизации кнопок button и input, а также ссылок

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

Все кнопки имеют красивые ховер эффекты и всего один класс atuin-btn

Читать далее

Текст на размытом фоне

Наложение фильтра blur для размытия фона под текстом

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

Читать далее

Печатающийся текст на jQuery

Анимированный эффект печатающегося текста с плагином jquery-bubble-text

Плагин jquery-bubble-text может не только печатать текст, но и заменять его на другой.

Читать далее

Неоновый текст на CSS

4 варианта создания неонового (мерцающего) текста на чистом CSS

Эффект неонового текста создается css-свойством text-shadow и animation, которая меняет эту тень, придавая тексту мерцание.

Читать далее

Кнопки закрытия на CSS

Варианты оформления закрывающих кнопок (close button) на CSS

Данные кнопки можно использовать для закрытия любых всплывающих меню, модальных или диалоговых окон

Читать далее

Круговая пульсация на элементах

Эффект круговой пульсации при наведении на кнопку, ссылку или блок

Красивый hover-эффект с использованием CSS3 и JavaScript

Читать далее

Стрелки на CSS

Варианты оформления разнообразных стрелок на CSS

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

Все варианты не используют графические иконки или шрифты

Читать далее