Здравствуйте!
Можно создать 2 элемента (1 на который будут наводится (1), другой , который будет появляться (2)). И прописать второму элементу(2)
display: noneИ при наведении на первый элемент (1) будем изменять
display на
block
То есть примерно это будет смотреться так:
#1:hover #2 {
display: block
}
Но желательно это сделать на jQuery, чтобы хоть какая-то анимация была.
Но если она должна не появляться, а просто делать такой эффект, то просто добавляем тень, меняем высоту. А с текстом, создаем
<p id="top">Lorem</p>, делаем
#top {
display: none
}
. По такому же принципу делаем кнопки снизу
