Анимированные кнопки

Домовой пишет:https://help.forum2x2.ru/t10539-topic

Код:

.mainmenu {
display:inline-block;
height:140px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:-140px;
}
a.mainmenu img:hover{
margin-top: 0px;
}

Внимание: если Вы все сделали правильно, но кнопки "почему-то" не работают - проверьте, чтобы была отключена Оптимизация CSS: ПА > Оформление > Цвета > Каскадная таблица стилей CSS - Опции CSS - Оптимизировать вашу CSS: нет

.mainmenu {
display:inline-block;
height:150px;
overflow:hidden;
vertical-align: top;
/* для корректного отображения в старых браузерах */
display:-moz-inline-stack;
zoom:1;
*display:inline;
_overflow:hidden;
}
a.mainmenu img {
margin-top:-150px;
}
a.mainmenu img:hover{
margin-top: 0px;
}