Креативная CSS3 кнопка

Продолжаем открывать для себя удивительный мир CSS3 hover эффектов, используемых для "оживления" внешнего оформления сайта. Рассмотрим процесс реализации красивой и креативной CSS3 кнопки.

Пример разноцветной вариации кнопки

<div"><a href="#" title="Cкачать файл" id="down">
<span class="btn-title-Css3button">СКАЧАТЬ</span>
<div class="btn-info-Css3button">
<p>Zip-архив<br />189 kb</p>
</div> </a></div>

Пример черно белой вариации кнопки

<div><a href="#" title="Cкачать файл" id="cssbuttonblack">
<span class="title">СКАЧАТЬ</span> <div id="info">
<p><strong>Версия 1.1</strong><span>3.7 MB</span></p>
</div> </a></div>

Видео инструкция по подключению и использовании CSS3 кнопки