При наведении курсором на кнопку "добавить в корзину", вид кнопки изменяется

Добрый день. Подскажите как сделать, что бы при наведении курсора на кнопку "добавить в корзину" вид кнопки изменился, эффект нажатия кнопки хотелось реализовать . Заранее спасибо!

 

Смог реализовать таким образом, так будет нормально работать?
Можно посмотреть тут ->> http://http://vandaflor.com/svadebnye-bukety

Код (PHP):

1. .addtocart_button, .notify_button {
2.         color: #fff;
3.     text-align:right;
4.     background-position:bottom left;
5.     width:110px;height:30px;
6.     cursor:pointer;
7.     border: none;
8.     font-weight:bold;
9.     font-family:tahoma;
10.     vertical-align: text-top;
11.     overflow:hidden;
12. }
13. .addtocart_button {
14.         background: url( 'images/ваша картинка.png' ) no-repeat  center transparent;
15.  
16. }
17.  
18. .addtocart_button:hover {
19.         background: url( 'images/ваша картинка.gif' ) no-repeat  center transparent;
20. }