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

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

irbees2008 irbees2008 Опубликовано - 21 - ноября Кнопки и иконки
3785 - 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;
}
Это простенький вариант,в исходнике есть еще пара примеров

Можешь почитать и вот эту статейку "Страница 404 с помехами "

Опрос

Ваше мнение

Каким софтом вы пользуетесь?
Результаты

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

Теги

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

Статистика

  • Caйту: 4619 дней
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 673
  • Онлайн всего: [8]
  • Гости: [8]
  • Были сегодня : [2] Google, Яндекс
  • SQL запросов: 36
  • Генерация страницы: 0.378сек
  • Потребление памяти: 5.170 Mb 
  •   Яндекс.Метрика