I have this CSS code that I want to apply to some text in OutSystems app. Just copy pasting it into a style class is not working.
.animate-charcter{ text-transform: uppercase; background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% ); background-size: auto auto; background-clip: border-box; background-size: 200% auto; color: #fff; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; display: inline-block; font-size: 190px;}@keyframes textclip { to { background-position: 200% center; }}
You must put on the module's theme and then apply the .animate-charter class to the element.
1. Module's theme
2. Put the "animate-charter" on the style classes of the element.
Check the OML
Let us know if it helped you :)
Regards,
Márcio
It worked, thanks!