Twitch Kezavio
KPCKevin Powell - Community
•Created by Twitch Kezavio on 12/13/2024 in #front-end
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
2 replies