Custom Chat Scrolling Up Animation?

FiveM Resource Development Discussion
1

I was wondering if it’s possible to get something like this


Basically, instead of fading out like the generic FiveM chat would do. How do I get it to scroll up?

2

Very nice looking speedometer too.

Looking forward for the chat thing.

3

Anyone seen something like this?

4

If you use the default chat resource, I guess you could just edit the index.html of that.

5

You can achieve that by editing the chat div and using the fadeOutUp function with Animate.css

6

Could you possibly elaborate? Got me stumped.

1 Like
7

I just realized the chat resource already use animate.css.

Weeeell. In that case. Edit index.html on row 21 where it says fadeOut. Change to fadeOutUp and it should work. You can use any animation listed here: Animate.css

4 Likes
8

Thank you for that information, I appreciate it!

1 Like
9

thank you for the help i was just looking for something like this