Не подскажите - как можно организовать эффект как в этом ( http://demo.rockettheme.com/?template=catalyst ) шаблоне? А именно при наведении мыши на Why use Us What We Do Watch a Demo Get in Touch Надо чтоб было подобное вздрагивание.
через css3 ниже пример для изображения, но по сути, можно псевдо класс :hover привязать к слою (div) в котором ты выведешь свои креативы Код (html): .example img{ border: 5px solid #ccc; float: left; margin: 15px; -webkit-transition: margin 0.5s ease-out; -moz-transition: margin 0.5s ease-out; -o-transition: margin 0.5s ease-out; } .example img:hover { margin-top: 2px; }
Ты ошибаешься! На кссе хоть и можно выполнить действие при навидении но только одно!!! Там же сделанна анимация! А это только скриптами! значит всетаки джиквери!
Не думал что подобное можно сделать через CSS. Браво! Один вопрос В приведенном мной примере происходит вздрагивание картинки вверх и при навелдении на нее мыши и она вниз возвращается. В этом примере (код выше) картинка вздрагивает вверх и опускается когда мышка уже не над картинкой. Можно ли сделать так, чоб картинка вздрагивала и возвращалась на место, один раз при занесении на ней мыши, после чнго была статичной до занесения мыши над следубющей артинкой или снова над этой ? Чтоб полностью повторить эффект? Или...если еще как можно - можете показать как?
посмотри вариант реализации тут http://mainview.ru/css/kak-sozdat-hover-effekt-dlya-izobrazheniya-ispolzuya-css3 ну и погугли, я же просто для примера написал
Спасибо! Если можно - последний вопрос. Код который вы привели нормально работает везде кроме opera. В ней же картинка подскакивает вверх резко и также опускается. В остальных браузерах есть плавность. Можно ли это исправить? Если да - не подскажите как?
