Mouse over click response on image in wordpress -


i want know plugins used on chanege color of image or make image response on mouse over.

i new in wordpress can give me list of best plugins.

i editing theme:

http://themeforest.net/item/overgrowth-retina-responsive-multipurpose-theme/full_screen_preview/4896083 

please check theme, in homepage scrolldown page "blog" section come

please put mouse on image image response.

i looking this.

i purchased theme , editing not able feature.

and not know name says not able search on internet.

so please tell me search in wordpress. how can achieved via code or via plugins?

does overgrowth retina theme have plugins?

any idea or suggestions highly welcome.

this effect being achieved css3:

1] it's setting border-radius:100%; of image container change image square circle.

2] it's displaying 2 hidden elements on top of image blue semi-transparent overlay. these being set opacity:0; default state, , on :hover, being displayed using css transition.

3] using css3 transitions , trandsforms deliver smooth animation rather css styles snapping :hover state.

image container :hover css:

.blog.blog_layout5 .span3 .post_grid_image a:hover > img, .blogging.post_grid .column.span3:hover .data-image > img, .blogging.post_grid .span3.four_column:hover .data-image > img {     border-radius: 100%;     transform: scale(1.08, 1.08); } 

semi-transparent blue circle overlay :hover css:

.blogging.post_grid .span3 .preview_info_wrap, .blog.blog_layout5 .preview_info_wrap {     border-radius: 100%;     transform: scale(1.08, 1.08);     transition: opacity 0.2s ease 0s; } 

icon container overlay (the icon on top of blue overlay) :hover css:

.blogging.post_grid .span3 .preview_info_wrap, .blog.blog_layout5 .preview_info_wrap {     border-radius: 100%;     transform: scale(1.08, 1.08);     transition: opacity 0.2s ease 0s; } 

Comments

Popular posts from this blog

java - Intellij Synchronizing output directories .. -

git - Initial Commit: "fatal: could not create leading directories of ..." -