Хаки и Скрипты Next Generation CMS

Очень красивая анимация кнопки на CSS3

irbees2008 irbees2008 Опубликовано - 21 - ноября Кнопки и иконки
3892 - 0
  • Автор: James Brocklehurst
  • Адаптировал: irbees2008
  • Источник:
  • Уровень сложности исполнения: нужны навыки css hmlt
  • Демо:

Очень красивая анимация кнопки на CSS3,подойдет для красочных и стильных дизайнов.
1.Скачиваем исходник Вы не можете скачивать файлы с нашего сайта ,рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. .
2.Сам код кнопки простой это ссылка

Код:
<a  class="button" href="#">Я кнопка</a>
3.Ну а теперь стиль
Код:
.button {
display: block;
width: 5em;
padding: 30px 40px;
text-align: center;
font-family: Arial, sans-serif;
font-size: 18px;
color: #fff;
text-decoration: none;
text-shadow: 1px 1px 0px #000;
-moz-border-radius: 25px;
-webkit-border-radius: 25px;
-o-border-radius: 25px;
border-radius: 25px;
-moz-box-shadow: 2px 2px 10px #000;
-webkit-box-shadow: 2px 2px 10px #000;
-o-box-shadow: 2px 2px 10px #000;
box-shadow: 2px 2px 10px #000;
background: url(images/background.png) no-repeat center -100px;
}
Это простенький вариант,в исходнике есть еще пара примеров

Можешь почитать и вот эту статейку "Еще один хак для плагина basket"

Опрос

Ваше мнение

Как вам наш дизайн сайта?
Результаты

Последние комментарии

Обновленное

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4781 день
  • Новостей: 612
  • Комменты: 257
  • Зарегистрированно : 734
  • Онлайн всего: [12]
  • Гости: [11]
  • Поисковики: [1] Google
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 33
  • Генерация страницы: 0.502сек
  • Потребление памяти: 5.225 Mb 
  •   Яндекс.Метрика