Fade image effect on hover for images at home widget area and at posts

Tagged: fade, hover, images

This topic has 4 replies, 2 voices, and was last updated 10 years, 11 months ago by Eric.

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
May 17, 2013 at 12:13 am #4743
Exkalibur
Customer
Hello:
About The fade effect that is provided for the blog featured images, etc. I want to add some images to posts, or to the home widgets areas, and add this fade efect of the image at hover. Is there any simple way to do it, like using an existing class at the CSS style or is it necessary to create a new class? any help is welcome.
May 17, 2013 at 9:42 pm #4751
Eric
Customer
It depends, do you have a link with an image setup as an example? I can take a look at it and tell you the best way to go. You could probably just create a new class and add something like this –
```
-moz-transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
```
That’s the same code for the featured images I believe…

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
May 18, 2013 at 5:22 am #4752
Exkalibur
Customer
Ok. I just found at the CSS the class “featuredpost”.

When I add it like that

<a href="#"><img src="http://example.com/example.png" /></a>

Works like a charm.

At css it´s similar that the code that you told me but there are also opacity and 2 more things.
Thank you for your help. It´s already solve.
May 18, 2013 at 9:53 am #4757
Exkalibur
Customer
I pasted it wrong. This one it´s correct.
<a href"#" class="featuredpost"><img src="YOUR IMAGE"><a/>
May 18, 2013 at 9:07 pm #4761
Eric
Customer
Ok great! Let us know if you need anything else.

I create awesome sites for awesome people! Contact me if interested – ericsanchez1585@gmail.com
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Fade image effect on hover for images at home widget area and at posts’ is closed to new replies.