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

Векторные стрелки на SVG

Варианты оформления стрелок влево, вправо, вверх и вниз реализованные SVG графикой

Ранее уже была похожая тема со стрелками, которые реализованы на CSS, но решения с SVG графикой имеют два важных плюса:

  • Намного проще установить размер стрелки (нужно просто изменить высоту и ширину SVG элемента)
  • Проще их поворачивать в нужную сторону
Читать далее

Разлетающиеся частицы при нажатии на кнопку

5 вариантов различных частиц, которые разлетаются в разные стороны по клику на кнопке

Скрипт, реализующий данные эффекты не требует дополнительные библиотеки и занимает менее 100 строк кода.

Читать далее

Фильтр контента по буквам на jQuery

Небольшой скрипт на jQuery реализующий поиск и фильтрацию контента по буквам

Данный скрипт убирает контент, который не имеет совпадения с искомыми данными, а также подсвечивает найденное буквосочетание.

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

Читать далее