# Background Overlay

**URL:** <https://forums.realmacsoftware.com/t/background-overlay/54325>\
**Category:** Elements\
**Created:** [February 13, 2026, 11:26am UTC](https://forums.realmacsoftware.com/t/background-overlay/54325 "2026-02-13T11:26:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![MarcL](https://avatars.discourse-cdn.com/v4/letter/m/7cd45c/32.png) [@MarcL](https://forums.realmacsoftware.com/u/MarcL)\
**Post date:** [February 13, 2026, 11:26am UTC](https://forums.realmacsoftware.com/t/background-overlay/54325/1 "2026-02-13T11:26:17Z")

</div>

This m ight be a feature request because I don’t see a way to do this in the settings

If I’m in the ‘Background Overlay’ setting I have the background to start at 100% and on hover go to 0% to give a kind of fade once hovered over. There isn’t a setting to affect the time it takes to fade. Currently if I do this it happens quite quickly. Is there a way to slow it down or can there be a feature request to do this?

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [February 13, 2026, 11:29am UTC](https://forums.realmacsoftware.com/t/background-overlay/54325/2 "2026-02-13T11:29:36Z")

</div>

in you advanced class add something like and obviously change the time to suit and see if that works?

**animation: fadeIn 5s**

---

<div class="post-metadata">

**Author:** ![MarcL](https://avatars.discourse-cdn.com/v4/letter/m/7cd45c/32.png) [@MarcL](https://forums.realmacsoftware.com/u/MarcL)\
**Post date:** [February 13, 2026, 11:32am UTC](https://forums.realmacsoftware.com/t/background-overlay/54325/3 "2026-02-13T11:32:22Z")

</div>

> [@PMUK](#):
>
> animation: fadeIn 5s

Do I have to put an ID in also because that alone doesn’t seem to do anything.

 ![Screenshot 2026-02-13 at 11.31.57](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/2/d23eb5ad8aa491528915e47b96271ed1c4b5c76d.png)

---

<div class="post-metadata">

**Author:** ![PMUK](https://avatars.discourse-cdn.com/v4/letter/p/7993a0/32.png) [@PMUK](https://forums.realmacsoftware.com/u/PMUK)\
**Post date:** [February 13, 2026, 11:39am UTC](https://forums.realmacsoftware.com/t/background-overlay/54325/4 "2026-02-13T11:39:14Z")

</div>

Ccan publish the project of just this page and problem? Sorry I meant on here - upload!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 13, 2026, 11:49am UTC](https://forums.realmacsoftware.com/t/background-overlay/54325/5 "2026-02-13T11:49:23Z")

</div>

Mine is just the opposite

---

<div class="post-metadata">

**Author:** ![MarcL](https://avatars.discourse-cdn.com/v4/letter/m/7cd45c/32.png) [@MarcL](https://forums.realmacsoftware.com/u/MarcL)\
**Post date:** [February 13, 2026, 11:57am UTC](https://forums.realmacsoftware.com/t/background-overlay/54325/6 "2026-02-13T11:57:16Z")

</div>

Thanks. I didn’t realise (because Transitions wasn’t highlighted when I clicked in the container) I didn’t think I could change it there. Yes works very well.

 ![Screenshot 2026-02-13 at 11.56.59](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/9/59b8e20f8fe2b5afbf09ea2d6967a6412041f5ff.jpeg)