# Reveal Elements on Hover

**URL:** <https://community.weweb.io/t/reveal-elements-on-hover/1413>\
**Category:** How do I?\
**Created:** [November 11, 2022, 7:34am UTC](https://community.weweb.io/t/reveal-elements-on-hover/1413 "2022-11-11T07:34:41Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![dorilama](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/dorilama/32/10403_2.png) [@dorilama](https://community.weweb.io/u/dorilama)\
**Post date:** [November 14, 2022, 9:03am UTC](https://community.weweb.io/t/reveal-elements-on-hover/1413/3 "2022-11-14T09:03:23Z")

</div>

You can try nesting 2 containers: 1 with the image as background, and the other one with the buttons with opacity 0 as default and 1 on hover.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/39394ff04f0af7b15414819c53868a884b3ec830.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/796a537cd5f03accbbc2b4db01e3ffacff36b2d8.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/7fd2a1d70211f01c69f7b89e5f1a1151032fa664.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/9/97179c7dd96d41ba9fe448bdfdb61a89d02b77f7.png)  
 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/a89fbe4b6e18b63176b32660b7948b5f65a7e53f.png)  
 ![ezgif-5-49c3127fc8](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/f/fd6ea6495c7fef24b36d4eb31445255f090280ed.gif)

---

_[View the full topic](https://community.weweb.io/t/reveal-elements-on-hover/1413)._