# 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:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![magicmiles](https://avatars.discourse-cdn.com/v4/letter/m/ecccb3/32.png) [@magicmiles](https://community.weweb.io/u/magicmiles)\
**Post date:** [November 11, 2022, 7:34am UTC](https://community.weweb.io/t/reveal-elements-on-hover/1413/1 "2022-11-11T07:34:41Z")

</div>

Hi there, I’m new to WeWeb, but so far am really excited about the design freedom and ability to link to external data. I’m coming from Webflow and I’m wondering if there is a way to reveal elements on hover?

_Here’s what I’m trying to accomplish:_ I have a collection of contest entries and I have two buttons that will trigger a workflow to change their entry status (to ‘winner’ or ‘loser’).

 ![CleanShot 2022-11-11 at 00.19.33](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/72faef4f6b7736673471c216bcc3e984e0ed5380.jpeg)

I’d prefer that these buttons reveal on hover rather than have them displayed at all times.

Is there any way to accomplish this in WeWeb?

I searched a bit for something around this topic, but only saw [this thread](https://community.weweb.io/t/examples-of-weweb-apps-with-beautiful-design-ux-ui/649) and some comments from @Joyce - so I’m guessing no, but figured I’d ask. 🙂

> [@Examples of WeWeb apps with beautiful design + UX + UI](https://community.weweb.io/t/examples-of-weweb-apps-with-beautiful-design-ux-ui/649/3):
>
> FYI, the two things we’re not good at are no-code interactions and absolute positioning:

> [@Examples of WeWeb apps with beautiful design + UX + UI](https://community.weweb.io/t/examples-of-weweb-apps-with-beautiful-design-ux-ui/649/10):
>
> Advanced no-code animations are not on our radar at the moment but we’re looking into the possibility of styling by classes so maybe an improvement for the future!

Thanks in advance!

---

<div class="post-metadata">

**Author:** ![magicmiles](https://avatars.discourse-cdn.com/v4/letter/m/ecccb3/32.png) [@magicmiles](https://community.weweb.io/u/magicmiles)\
**Post date:** [November 11, 2022, 7:35am UTC](https://community.weweb.io/t/reveal-elements-on-hover/1413/2 "2022-11-11T07:35:28Z")

</div>

Said new users could only include one media item in their post, so putting this here.

Trying to accomplish this behavior:  
 ![CleanShot 2022-11-11 at 00.24.54 (1)-min](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/1c95cecc258499195e39af96f97c70900f1fb07f.gif)

---

<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)

---

<div class="post-metadata">

**Author:** ![magicmiles](https://avatars.discourse-cdn.com/v4/letter/m/ecccb3/32.png) [@magicmiles](https://community.weweb.io/u/magicmiles)\
**Post date:** [November 17, 2022, 6:25pm UTC](https://community.weweb.io/t/reveal-elements-on-hover/1413/4 "2022-11-17T18:25:29Z")

</div>

Awesome! Your results look perfect so I’ll give it a shot @dorilama, much appreciated