body {
margin: 0;
overflow: hidden; /* لإخفاء أي تمرير للصفحة */
background-color: rgb(0, 0, 0);
}
#animatedText {
position: fixed;
top: 0%; /* تعديل المسافة من الأعلى */
left: 100%;
white-space: nowrap;
font-size: 50px; /* تكبير حجم النص */
z-index: 1000;
font-family: Arial, sans-serif;
animation: slide 10s linear infinite; /* حركة الانزلاق للنص */
}
@keyframes slide {
0% {
left: 100%;
}
100% {
left: -100%;
}
}
.char {
display: inline-block;
animation: colorChange 1s infinite alternate; /* تسريع تغيير الألوان */
}
@keyframes colorChange {
0% { color: red; }
25% { color: green; }
50% { color: blue; }
75% { color: yellow; }
100% { color: purple; }
}
Z
c
B
e
s
t
X
i
T
e
r