.breaking-news-container {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
pointer-events: none; /* Ensure it doesn’t block other content */
z-index: 9999;
}
.breaking-news {
position: absolute;
font-size: 30px;
font-weight: bold;
color: red;
opacity: 0;
animation: floatWords 0.5s ease-in-out infinite;
animation-delay: calc(0.1s * var(–i));
}
@keyframes floatWords {
0% {
transform: translate(0, 0);
opacity: 1;
}
50% {
transform: translate(calc(50vw – 50%), calc(50vh – 50%)); /* Random floating effect */
opacity: 0.5;
}
100% {
transform: translate(calc(-50vw + 50%), calc(-50vh + 50%)); /* Random floating effect */
opacity: 0;
}
}
/* Random delay for each word */
.breaking-news:nth-child(1) {
–i: 1;
}
.breaking-news:nth-child(2) {
–i: 2;
}
.breaking-news:nth-child(3) {
–i: 3;
}
.breaking-news:nth-child(4) {
–i: 4;
}
.breaking-news:nth-child(5) {
–i: 5;
}