# Fade in, not slide and fade in?

**URL:** <https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883>\
**Category:** Elements\
**Created:** [June 2, 2025, 3:37pm UTC](https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883 "2025-06-02T15:37:32Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [June 2, 2025, 3:37pm UTC](https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883/1 "2025-06-02T15:37:32Z")

</div>

I want some text to fade in, not slide and fade in. This setting appears to do nothing:

 ![Screenshot 2025-06-02 at 10.35.16 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/d/2dcd675dd5745b5ce0c318979e7c4ae1bca36878.png)

And this Reveal setting only works with one of four directions:

 ![Screenshot 2025-06-02 at 10.37.04 AM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/8/4/8481efadd8958b4637ddece7fbc593261424c921.png)

---

<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:** [June 2, 2025, 3:53pm UTC](https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883/2 "2025-06-02T15:53:41Z")

</div>

@bruce  
yes only 4 directions

used Reveal to fade in text with no movement

Code see here as well, not sure which code you meant

Not sure if this is answers your question

---

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [June 2, 2025, 4:29pm UTC](https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883/3 "2025-06-02T16:29:24Z")

</div>

Exactly what I needed. Thanks @upssjw

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [June 2, 2025, 4:43pm UTC](https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883/4 "2025-06-02T16:43:05Z")

</div>

Have you tried setting the distance to 0px?

---

<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:** [June 2, 2025, 4:49pm UTC](https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883/5 "2025-06-02T16:49:05Z")

</div>

@dan

that’s what the video shows

---

<div class="post-metadata">

**Author:** ![bruce](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/bruce/32/23155_2.png) [@bruce](https://forums.realmacsoftware.com/u/bruce)\
**Post date:** [June 2, 2025, 4:54pm UTC](https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883/6 "2025-06-02T16:54:44Z")

</div>

Steve showed that and that is what I did.

---

<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:** [June 2, 2025, 5:10pm UTC](https://forums.realmacsoftware.com/t/fade-in-not-slide-and-fade-in/47883/7 "2025-06-02T17:10:29Z")

</div>

ok this is just an svg in a container, the code in css classes is Tailwind but with arbitrary values (css) all in one you can add additional controls

my svg is not balanced I cropped it unequal