CreativeDive supports this item


This author's response time can be up to 5 business days.

30 comments found.

I wonder why all css effects start out with the normal image. Almost all my clients want it the other way. ). Question: Can I reverse the order easily? For example from blur to normal.

Cheers Constantin

Yes, it works. You can reverse the css classes, e.g.: blur to sharp

/*** effect sharp to blur ***/

.img-sharp-blur img
transition:all 0.6s ease-in-out;
-webkit-transition:all 0.6s ease-in-out;
-moz-transition:all 0.6s ease-in-out;
-ms-transition:all 0.6s ease-in-out;
-o-transition:all 0.6s ease-in-out;

.img-sharp-blur:hover img

Cool, thanks for this. I will give it a try.

Wow ~ looks phenomenal !

I’m using a Wordpress site and was curious to know how I would install and use these effects?

I know a little bit of CSS.

How do I install this?

Thanks !

hey minthd, thanks! Please note that it is not a plugin! You can apply to all elements you would like the effects.

But for this, you need to add a new div container with the specific classnames in your wordpress files. e.g. for Wordpress Post-Thumbnails:

<div class="image-hover img-zoom-in">
<img src="your-image.jpg" class="attachment-post-thumbnail wp-post-image" />

Awesome !!!

Thanks !! Matt


i’m using wordpress theme and my question is: how can i add the effects to a page with images??


yes, you can use it anywhere. However, it is not a plugin. You have to adjust it for the theme. This should be easy.

You must include the file to control the images with the class name.

Hello there, Looks very nice from your video preview.

I was wondering how much Zoom you can apply, when hovering.

I am looking a tool which can zoom in on images on PLP (product listing page) and the images I have here is quite small or I would like an effect so that user can see more details with Zoom.

would that be possible with this?


hey, yes you can zoom the images, but the resolution is the same. You need a product zoomer like this

Will this work on full screen background image div?

Yes, the effects works on full screen, with adjustment of the height and width and css styles. But not on background image, only with image tag.


Can I use your codes with any Wordpress Slider plugin with thumbnails? Master Slider for instance?

And if yes, how and where can I insert the code, for every single thumbnails? I want to have a slider with colour images and the grayscale thumbnails with colour hover effect (or some of your splendid effects)

Thank you in advance,


Hello! I really love your css hover effects. I would like to purchase it, however , the website where i would up loade is a school website I would have to uploaded as a single file. Could i embed the css code into the html sheet? No linking it to a style sheet. And could you give me and example on how to do this? Everytime i try to domthis it just doesn’t,t come out right. Thank you for your time.

I really need help. please

Sorry , I’ve been on holiday. Please show me an example of your page. Then I can help you with your Problem.

Hi I think that your work is very usefull to us, by the way I have bought it because I thought that was a Wordpress plug in. Now I should use it for my site because it’s the only add on that does what I require. So can you help me to integrate it in wordpress please? I have tryed to add the content of your style.css in the style.css on my ftp but the file of my template is void. Thank you by advance


Enlarge an image by moving the mouse over as in the example here Zoom a picture in the search result as the site thank you