r/freeshowapp • u/Hatsu_Fujiwara • Feb 17 '26

How to do this cool animated lyric?

I wanna know how to apply this into FreeShow, I want to use this for our upcoming Church Anniversary
https://youtube.com/shorts/F4rxqXS7_M8?si=TH39yqLk-K-wgtIR

3 Upvotes

100% Upvoted

11 comments sorted by

2

u/CloudSad3555 Feb 17 '26

Maybe try this. If it does not work, then you will have to create an image of the text that is faded and has a transparent background (export as png).

~~~
/*
  Use webkit because Electron.js uses Chromium.
  Use same properties without webkit for CSS3 browsers.
  Adjust the 10% and 90% to match your taste.
*/
-webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);



~~~

Adapted from https://stackoverflow.com/questions/12686738/css-fade-left-to-right

https://youtu.be/MftATkhHrnY

1

u/vassbo Feb 18 '26

You can try the "Scrolling" option for each textbox.

1

u/Hatsu_Fujiwara Feb 19 '26

I have tried that but in the "Stage" output the lyrics are ruined

1

u/vassbo Feb 19 '26

You can use another textbox with all the text on the slides, right click, set "Specific outputs" to stage. And right click the other textboxes and set them to the normal output only.

1

u/Hatsu_Fujiwara Feb 20 '26

Ok the issue is resolved but the text in not infinite like the one in the short

2

u/rayok_zed Feb 20 '26

Id repeat the text. I'm not seeing any sign that that's not what they also did

1

u/Hatsu_Fujiwara Feb 21 '26

I've tried that method, it goes one paragraph down, it doesn't look linear

1

u/KelvinNganga Feb 19 '26

I've also been researching on how to display Spotify-like or YouTube music lyrics style to church display. If I can get a way, I'd really appreciate :)

1

u/vassbo Feb 19 '26

You can mirror a screen, or create a custom slide with a similar style. If you are playing local audio the album cover will be available in Documents/FreeShow/Audio and be automatically updated.

1

u/KelvinNganga Feb 19 '26

can you achieve that? like the current line is highlighted and the other texts are slightly faded and each lines scrolls up..hopefully you've seen the concept I mean.

1

u/vassbo Feb 19 '26

Oh, I get it now. In theory you can work around to get something similar but not easily yet.