Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Эффект выезжающей строки


Автор: MasterOfCode 5.1.2013, 14:40
Есть картинка на экране, нужно чтоб при наведении на картинку появлялся текст рядом.
Вот пример картинки:
При наведении мышкой на точку справа выезжает надпись на белом фоне
user posted image
Можно ли это сделать с помощью css?

Автор: Ripper 5.1.2013, 16:23
В CSS3 есть модуль transitions который отвечает за переходы между состояниями (например если мы подводим мышкой к ссылке, и она меняет свой цвет, т.е. задано :hover, то это делается мгновенно, однако можно задать чтобы этот переход был плавным), и модуль с анимацией.
Но зависит от того для каких браузеров нужен эффект. http://www.w3schools.com/css3/css3_transitions.asp т.е. например для ИЕ пишут что нет поддержки

Если нужна именно анимация, то вроде только с CSS3, если нужно просто отобразить надпись (мгновенно) - то можно с CSS2.
Но в любом случае можно сделать с помощью яваскрипта

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)