CSS help in Twitch Alerts - Text delay

Hi There, I need to add a text delay to the text appearing so it lines up with my animation. I am using CSS in Twitch alerts but nothing is helping. Sorry if I am not posting the code correctly this is my first time. I tried this but did not work. .alert_text_delay { opacity: 0; animation-name: appear; animation-duration: 5s; animation-timing-function: linear; animation-fill-mode: forward; animation-delay: 2s; } keyframes appear { 0% { opacity: 0; } 1% { opacity: 1; } 99% { opacity: 1; } 100% { opacity: 0; } } https://codepen.io/kezavio/pen/vEBymKq
1 Reply
croganm
croganm2mo ago
There's no HTML in that codepen

Did you find this page helpful?