0

Как сделать такие же кнопочки, как на этом сайте?

http://www.imagefu.com/create/button

Главная цель - анимация градиентной рамочки вокруг кнопочки.

Я полагаю, что нужно использовать какую-то анимацию и как-то вставлять градиент. Не могли бы вы навести меня на путь к этому?

1 ответ 1

1

Читайте про css3 transition

HTML

<div></div>

CSS

div {
    height: 200px;
    width: 200px;
    box-shadow: 0;
    transition: box-shadow 1s;
    border: 1px solid #eee;
}

div:hover {
    box-shadow: 0 0 3px #515151;;
}

Пример

1
  • Ура! Спасибо за ответ! Теперь можно идти спать) 6 июн 2014 в 23:02

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.