Title: How Do I Create an Offset Rectangle Hover Effect?
Last modified: March 8, 2021

---

# How Do I Create an Offset Rectangle Hover Effect?

 *  Resolved [Filmguy2013](https://wordpress.org/support/users/filmguy2013/)
 * (@filmguy2013)
 * [5 years, 3 months ago](https://wordpress.org/support/topic/how-do-i-create-an-offset-rectangle-hover-effect/)
 * Hello. I just bought and installed Image Hover Effects Ultimate and I need to
   know how to create the hover effect here:
 * [https://www.figma.com/proto/GDKH5GL3vgxtLQEA4rpdWg/Susan-Marinello-Interiors-V3?node-id=28%3A120&scaling=min-zoom](https://www.figma.com/proto/GDKH5GL3vgxtLQEA4rpdWg/Susan-Marinello-Interiors-V3?node-id=28%3A120&scaling=min-zoom)
 * I just need a small gray semi-transparent rectangle offset to the left with the
   title on it to fade in when you hover over the photo and then fade out when you
   move the mouse pointer off of the photo. I don’t need any fancy animations or
   anything like that. Can you please tell me the steps to create this simple hover
   effect using the plugin?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fhow-do-i-create-an-offset-rectangle-hover-effect%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  [biplob018](https://wordpress.org/support/users/biplob018/)
 * (@biplob018)
 * [5 years, 2 months ago](https://wordpress.org/support/topic/how-do-i-create-an-offset-rectangle-hover-effect/#post-14164559)
 * I checked your design while it’s too complex with the current design. So I decided,
   I will create new layouts and update with next version.
 * You will get an update tomorrow.

Viewing 1 replies (of 1 total)

The topic ‘How Do I Create an Offset Rectangle Hover Effect?’ is closed to new replies.

 * ![](https://ps.w.org/image-hover-effects-ultimate/assets/icon-256x256.png?rev
   =3286352)
 * [Image Hover Effects Ultimate ( Image Gallery, Effects, Lightbox, Comparison & Magnifier )](https://wordpress.org/plugins/image-hover-effects-ultimate/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/image-hover-effects-ultimate/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/image-hover-effects-ultimate/)
 * [Active Topics](https://wordpress.org/support/plugin/image-hover-effects-ultimate/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/image-hover-effects-ultimate/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/image-hover-effects-ultimate/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [biplob018](https://wordpress.org/support/users/biplob018/)
 * Last activity: [5 years, 2 months ago](https://wordpress.org/support/topic/how-do-i-create-an-offset-rectangle-hover-effect/#post-14164559)
 * Status: resolved