Как сделать ховер со скрытым текстом?

Question

[grim5678]

Нужно сделать такой ховер, чтобы блок в котором находятся элемент не увеличивался по высоте, анимация была плавной. Если кто знает подскажите как это сделать с GreenSock.

Comments

[Степан Крапивин]

на кой вообще здесь GreenSock?!
Всё банальным css transition и display:none делается.

[grim5678]

Степан: В этом решение остается проблема плавности появления текста. display: none не работает с transition. и вторая проблема тогда прыгает блок в котором находятся эти элементы

[Илья Рычагов]

grim5678: А пробывали сделать opacity на текст? или color установить как rgba(0,0,0,0), чтобы текст был прозрачный?

Answer 1

[Денис Архипов]

на обычное состояние вешаешь display:none; на hover - display:block.
плавности можно добавить при помощи transition.