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

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

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

Можешь почитать и вот эту статейку "Всплывающие подсказки для страниц сайта"

Опрос

Ваше мнение

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

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

Теги

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

Статистика

  • Caйту: 4452 дня
  • Новостей: 566
  • Комменты: 257
  • Зарегистрированно : 668
  • Онлайн всего: [4]
  • Гости: [2]
  • Поисковики: [2] Google, Яндекс
  • Были сегодня : [3] Яндекс, Google, Яндекс
  • SQL запросов: 35
  • Генерация страницы: 0.413сек
  • Потребление памяти: 5.164 Mb 
  •   Яндекс.Метрика