Animated logo w

Posted in: Newspaper
Post count: 27
kame
#223953
Mar 19, 2018 at 3:50 pm

Hi!

I was checking the Showcase sites and I see this one.

http://www.talkchelsea.net/

Can you tell me how can I have a logo efect when the mouse is on it?

Thanks,

Post count: 20688
Simion C.
#224110
Mar 20, 2018 at 10:39 am

Hi,

From what I can see that is achieved by setting custom classes to the logo, then using a custom code
– https://www.screencast.com/t/zZzdZmX88
Basically that is an image, there are many effects that can be set for images, some examples here
– https://codepen.io/nxworld/pen/ZYNOBZ
You could try to make something similar if you want, for your website. Use the browser inspector tool to identify the theme elements and create custom code
– http://www.talkchelsea.net/

Thanks

Post count: 27
kame
#224151
Mar 20, 2018 at 12:44 pm

Hi! Thanks for the answer. And do you know what can I do if I want to change the logo for another when the mouse is on it?

Thanks,
🙂

Post count: 20688
Simion C.
#224353
Mar 21, 2018 at 8:25 am

Hi,

You could try solutions found online and make tests, the theme does not have such an option at the moment. Check topics like these
– https://www.tutorialrepublic.com/faq/how-to-change-image-on-hover-with-css.php
– https://css-tricks.com/forums/topic/display-image-over-another-image/
– https://www.sitepoint.com/community/t/how-can-i-hover-image-on-top-of-another/29320/9
– http://jsfiddle.net/gd8ba/light/

Thanks

Viewing 4 posts - 1 through 4 (of 4 total)
The forum ‘Newspaper’ is closed to new topics and replies.