Как вариант реализовать на css 3, что-то вроде этого попробовать:
-webkit-transform: translateZ(0);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;

Hallboy222,

Получилось с изменение высоты блока. Вначале высота 0, далее нужная. Но осталась проблема. Текст изначально находится где-то внизу блока, его видно, выезжает, а затем вновь за пределы блока. Пробовал с display, opacity по колдовать - не получается.

Возможно, другие стили перекрывают. Покажите в лс сайтик

Как на меня на много рациональней использовать jQuery Animate. Для поставленной задачи более чем достаточно. Да и скриптик много кода занимать не будет - буквально несколько строк и отображаться корректней в большей части браузеров будет.

Сообщение отредактировал WarZEN - 18.5.2013, 20:05

Можно, пожалуйста, подробнее. Я не силен в jquery.
Нашел код:

<script type="text/javascript">
$('.info').hover(function() {
$('.text').animate({
height: '200px'
}, 5000, function() {
// Анимация завершена.
});
});
</script>

Изначально в css поставил height:0; Т.е. при наведении высота увеличивается и блок появляется. Не выходит. В html все верно. Или я вообще не в том направлении пляшу?

Замечание модератора: Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней. Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой или обратитесь к любому из модераторов.

Сообщение отредактировал professor89 - 18.5.2013, 20:58