On Mouse Hover effect like in (M)Social for Startup - possib

Hello there,
In order for me to create MouseHover effect on picture like here http://demo.gavick.com/joomla25/msocial/index.php/k2/k2-item in article on StartUp here: http://fitness7vetrov.ru/akcii/84-aktsiya-dlya-vypusknits-i-ne-tolko, but in article (not module), do I need to create certain classes in CSS, or how do I do that?
Thanks, my understanding is berely enough to tweak, but can't fathom how to create a new.

Could you please specify which effect you have in mind?

Could you please specify which effect you have in mind?

On the Remedy group picture - when we hover over - it zooms in. I understand it's Scale from HTML5, but don't know how to put the event (hover in this case) in the article.

Could you post me a link to exact place with this effect?

Could you post me a link to exact place with this effect?

I thought I gave exact link in the first post... Here's the link at the picture itself then... (But don't think it'll help much): http://demo.gavick.com/joomla25/msocial/media/k2/items/cache/aa5045f13216477abf2a0e16a08acd59_L.jpg put the page with this effect (again) is here: http://demo.gavick.com/joomla25/msocial/index.php/k2/k2-item

Ok, the code is:

Code: Select all

.itemImageBlock img:hover {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 0.85;
}


Now please provide me a direct link to single blog post where you would like to have this effect, I'll modify css selector then.

Ok, the code is:
Now please provide me a direct link to single blog post where you would like to have this effect, I'll modify css selector then.

This is the link to single article: http://fitness7vetrov.ru/akcii/84-aktsiya-dlya-vypusknits-i-ne-tolko.
And the picture we're talking about in this case is http://fitness7vetrov.ru/images/_aktcii/201404school.png
Cyberek, looking at the code you've given, I assume it's additional css-class, right? So we can't just use html5 in article to recreate that effect, must go through class, right?

With only image it is not possible. You would need to wrap it into another element, create some custom css'ing - and it is quite a lot of work to do .