Классная анимированная кнопка финансовой поддержки на CSS3 и Javascript
Отличная анимированная кнопочка с вылетающей монеткой, которая мотивирует людей поддержат автора сайта монеткой
Для начала посмотрите ДЕМО
Установка:
1#: В самый верх вашего CSS добавьте:
|
1 |
@import url('/css/coin.css') all; |
2#: В то место на странице, где должна быть кнопочка, поместите:
|
1 2 3 4 5 6 7 8 9 10 11 |
<button class="tip-button"> <span class="tip-button__text">Поддержать</span> <div class="coin-wrapper"> <div class="coin"> <div class="coin__middle"></div> <div class="coin__back"></div> <div class="coin__front"></div> </div> </div> </button> <script type="text/javascript" src="/js/coin.js"></script> |
Осталось лишь залить CSS файл из прикреплённого архива в папку css и JS файл в папку js
Автор публикации
Я не понял вашего вопроса, но постараюсь на него ответить...
А подскажите, куда добавить код, чтобы в после анимации открывался линк, или донатный блок, спратянный на сайте?
Там есть участок:
Можно после resetCoin() вставить любое нужное действие
Если нужно готовое решение, то опишите проблему подробнее со ссылкой на сайт и тем, что конкретно нужно сделать