Анимация кнопки на jquery

Discussion in 'PHP' started by AlexChervon, 14 Nov 2015.

  1. AlexChervon

    AlexChervon New Member

    Joined:
    11 Nov 2015
    Messages:
    18
    Likes Received:
    0
    Reputations:
    0
    Привет! Каким образом можно сделать анимацию кнопки с помощью jquery? Есть кнопка сделанная при помощи input'a, как сделать чтобы при наведении, картинка кнопки плавно перетекала в другую картинку, с другим цветом?
     
  2. bot1

    bot1 New Member

    Joined:
    29 Oct 2015
    Messages:
    4
    Likes Received:
    2
    Reputations:
    0
    Привет. Думаю тебе нужно посмотреть в сторону animate и hover
    http://api.jquery.com/animate/

    Вот пример где кнопка плавно меняет свой вид. Единственное, здесь кнопка в виде ссылки, а не Input. (возможно применимо и к input, не тестил)
    Статья:
    http://webformyself.com/sozdanie-animacionnoj-knopki/
    Демо:
    http://webformyself.com/wp-content/uploads/2010/47/demo/index.html
     
  3. Gar|k

    Gar|k Moderator

    Joined:
    20 Mar 2009
    Messages:
    1,166
    Likes Received:
    266
    Reputations:
    82
    Ухххх... Мы уже живем в другом веке, для создания подобной кнопки МОЖНО и НУЖНО использовать CSS

    text-shadow
    border-radius
    linear-gradient (http://www.w3schools.com/css/css3_gradients.asp)
    transition (http://habrahabr.ru/post/111658/)

    Вот еще немного "нового" для неокрепшего ума http://css-live.ru/articles/rukovodstvo-po-svg-animaciyam-smil.html
     
    _________________________