@keyframes xpg-gradient-animation {
/* Define the animation for the background position */
0% { background-position: 0% 50%; }
50% { background-position: 100% 50%; }
100% { background-position: 0% 50%; }
}
.rgb-text {
/* Container to hold the icon and text */
display: flex; /* Use flexbox to align the icon and text */
align-items: center; /* Vertically center items */
justify-content: center; /* Horizontally center content */
width: fit-content; /* Make container only as wide as content */
margin: 0 auto; /* Center the container itself on the page */
}
.rgb-item {
/* Styles applied to both the icon and the text for the RGB effect */
/* Gradient Properties for multiple colors (Rainbow/RGB effect) */
background: linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3); /* Rainbow colors */
background-size: 400% 200%; /* Wider background for more shifting colors */
/* Animation */
animation: xpg-gradient-animation 5s linear infinite; /* Smooth, continuous shift */
/* Clipping */
-webkit-background-clip: text; /* Clip the gradient to the text/icon shape */
-webkit-text-fill-color: transparent; /* Make the original text color transparent */
font-weight: bold;
}
.sparkle-icon {
/* Specific styles for the sparkle icon */
font-size: 24px; /* Icon size matching the text size */
margin-right: 10px; /* Space between the icon and the text */
/* It inherits the RGB background/animation from .rgb-item */
}
.colorful-text {
/* Specific styles for the text */
font-size: 24px; /* Text size */
/* It inherits the RGB background/animation from .rgb-item */
}
< 3 Sup All
Testing something, if u see this react here and reply thank you ❤️
@ Server Managers@Global Moderators@Administrators@Admin | XPlayZM@Moderators@ V.I.P @Members@ XPlayZM - Premium Member @Founders
Nickname: edwardMONSTA
Age: 25
Admin Experience: i have experience, i had my own server a few years ago
Country: romania
Can you be active during nighttime hours?: i'm usually active at night from 22:00 to 01:00
How many hours can you dedicate per day?: 2-5h