Свежие эффекты для ваших кнопок на сайте

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

Как всегда я выберу для описания первый вариант кнопки,их много и скачав исходник вы можете выбрать свой вариант.
1.Скачиваем архив Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. ,распаковываем и заливаем папки css и font в папку с вашим шаблоном
2.В нашем шаблоне открываем файл main.tpl и в секцию хеад подключаем стиль кнопок и стиль шрифта

<link rel="stylesheet"  href="{{ tpl_url }}/css/vicons-font.css" />
<link rel="stylesheet"  href="{{ tpl_url }}css/buttons.css" />

<button class="button button--winona button--border-thin button--round-s" data-text="Open Project"><span>Open Project</span></button>

<button src="Ваш адрес переадресации" class="button button--winona button--border-thin button--round-s" data-text="Open Project"><span>Open Project</span></button>

Можешь почитать и вот эту статейку "Бегущая строка на Jquery с эффектом набора текста"