ZorNet.Ru — сайт для вебмастера » HTML и CSS » Кнопки с невероятным эффектов при помощи CSS

Кнопки с невероятным эффектов при помощи CSS

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

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

Приступаем к установки:

1. Первое, что делаем, это скачиваем архив, и все содержимое закидываем в файловый менеджер.

2. Потом идем в нижнее сайта или на всех необходимых страницах указываем путь под кнопки, где безусловно хотите видеть.

Код
<link rel="stylesheet" href="http://zornet.ru/ABVUN/inkdrops.css"></link>  
<script src="http://zornet.ru/ABVUN/ink.js"></script>

3. Важно понимать, это если у вас не система uCoz, то стоит помнить о библиотеке jQuery.

Ставим кнопку, там где хотите ее видеть.

Код
<a class="inkMe" ink-color="#1a1a71">Здесь название</a>

Где вы самостоятельно, можете задать оттенок, что color="#1a1a71" можно сменить на свой.

Демонстрация
13 Апреля 2018 Загрузок: 1 Просмотров: 1283 Комментариев: (4)

Поделиться в социальных сетях

Материал разместил

Оставь свой отзыв

Комментарии: 4
Alexandrhhh
Alexandrhhh 14 Апреля 2018 18:111
+1
Замечательно, сразу выкладывать не релевантные статьи. Где CSS? И откуда у link закрывающийся код? фантастика
Kosten
Kosten 14 Апреля 2018 19:102
0
Стили под link установлены, что на странице нужно прописать.
Alexandrhhh
Alexandrhhh 14 Апреля 2018 19:493
0
До этого стилей не было. Зажали вы их))
Kosten
Kosten 14 Апреля 2018 20:144
0
Были, просто видать не заметили, а вот за демонстрацию от души, в материал закину.
avatar