merhabalar Minecraft Türkiye Destek Forumu daki gibi onaylı satıcı yönetici vs gibi rainbow efekti nasıl verebiliriz
bunlar var elimdede çalıştıramadım
Kod:
.userBanner {
font-size: 75%;
font-size: 11px;
font-weight: 600;
font-style: normal;
padding: 1px 8px;
padding: 2px 20px;
border: 1px solid transparent;
border-radius: 50px 0px 50px 0px;
font-family: 'Poppins Medium', sans-serif;
letter-spacing: 0.5px;
text-align: center;
display: inline-block;
}
.userBanner strong {
font-weight: inherit;
}
.userBanner.userBanner--hidden {
background: none;
border: none;
box-shadow: none;
}
.userBanner.userBanner--staff,
.userBanner.userBanner--primary {
color: #54595a;
background: #f7f8f9;
border-color: #dadfe3;
color: #ffffff;
background: #78d3aa;
border-color: #52c692;
border-radius: 0px;
border-color: #78d3aa;
}
.userBanner.userBanner--accent {
color: #5bffb5;
background: #363e40;
border-color: #1f2324;
border-radius: 0px;
border-color: #78d3aa;
}
.userBanner.userBanner--red {
color: #ffffff;
background: #d80000;
border-color: #a50000;
border-radius: 0px;
}
.userBanner.userBanner--green {
color: #ffffff;
background: #008000;
border-color: #004d00;
border-radius: 0px;
}
.userBanner.userBanner--olive {
color: #ffffff;
background: #808000;
border-color: #4d4d00;
border-radius: 0px;
}
.userBanner.userBanner--lightGreen {
color: #000000;
background: #ccf9c8;
border-color: #a1f49a;
border-radius: 0px;
border-color: #bee8ba;
}
.userBanner.userBanner--blue {
color: #ffffff;
background: #0008e3;
border-color: #0006b0;
border-radius: 0px;
}
.userBanner.userBanner--royalBlue {
color: #ffffff;
background: #4169e1;
border-color: #214cce;
border-radius: 0px;
}
.userBanner.userBanner--skyBlue {
color: #ffffff;
background: #7cc3e0;
border-color: #53b0d6;
border-radius: 0px;
}
.userBanner.userBanner--gray {
color: #ffffff;
background: #808080;
border-color: #676767;
border-radius: 0px;
}
.userBanner.userBanner--silver {
color: #000000;
background: #c0c0c0;
border-color: #a7a7a7;
border-radius: 0px;
}
.userBanner.userBanner--yellow {
color: #000000;
background: #ffff91;
border-color: #ffff5e;
border-radius: 0px;
border-color: #e6e687;
}
.userBanner.userBanner--orange {
color: #000000;
background: #ffcb00;
border-color: #cca200;
border-radius: 0px;
}
.userBanner.userBanner--tpm {
color: #ffffff;
background: #808080;
border-color: #676767;
border-radius: 0px;
}
bunlar var elimdede çalıştıramadım