.username--style2
{
color: #C0C0C0;
font-weight: bold;
text-shadow: #c0c0c0 1px 1px 10px;
}
.username--style3
{
background: linear-gradient(135deg, #0fbd4f, #15e87b);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-weight: 700;
text-shadow: none;
letter-spacing: -0.5px;
}
.username--style5
{
text-shadow: 1px 1px 10px;
color: #339900;
font-weight: bold;
}
.username--style6
{
color: #55AA00;
font-weight: bold;
text-shadow: #5a0 1px 1px 10px;
border-radius: 8px;
}
.username--style8
{
color: red;
font-weight: bold;
text-shadow: #f00 1px 1px 10px;
border-radius: 8px;
}
.username--style9
{
color: yellow;
font-weight: bold;
text-shadow: #ffa500 1px 1px 10px;
border-radius: 8px;
&:after
{
content: '';
display: inline-block;
width: 32px;
height: 32px;
background-image: url('https://i.postimg.cc/15hXHRLp/Picsart-25-05-17-15-14-02-182.png');
background-size: contain;
background-repeat: no-repeat;
margin-left: 2px;
vertical-align: middle;
}
&:hover:before
{
display: inline-block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all .8s;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
}
}
.username--style10
{
color: #f08b9a;
font-weight: bold;
text-shadow: #f08b9a 1px 1px 10px;
border-radius: 8px;
}
.username--style12
{
color: #cfcf02;
font-weight: bold;
text-shadow: #cfcf02 1px 1px 10px;
border-radius: 8px;
}
.username--style14
{
color: #ff4040;
font-weight: 700;
border-radius: 8px;
background: linear-gradient(135deg, #f00, #8b0000);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-shadow: none;
letter-spacing: -0.5px;
}
.username--style15
{
color: #FF0000;
font-weight: bold;
text-shadow: #f00 1px 1px 10px;
border-radius: 8px;
&:before
{
font-family: "Font Awesome 5 Pro";
content: "\f2db";
font-weight: 600;
padding-right: 2px;
display: inline-block;
}
}
.username--style16
{
color: #FF4500;
font-weight: bold;
text-shadow: #ff4500 1px 1px 10px;
border-radius: 8px;
}
.username--style17
{
color: #77DDFF;
font-weight: bold;
text-shadow: #7df 1px 1px 10px;
border-radius: 8px;
}
.username--style24
{
color: red;
font-weight: bold;
text-shadow: #f00 1px 1px 10px;
border-radius: 8px;
}
.username--style26
{
color: darkred;
font-weight: bold;
text-shadow: #4b0082 1px 1px 10px;
border-radius: 8px;
background: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 100%;
animation: gradientFlow 8s ease infinite;
}
.username--style32
{
color: #ff4040;
font-weight: bold;
text-shadow: #ff4040 1px 1px 10px;
border-radius: 8px;
background: linear-gradient(270deg, #ff4040, #ff6a6a, #ff8a8a, #ff4040, #c33, #ff4040, #ff6a6a, #ff8a8a, #ff4040);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 100%;
animation: gradientFlow 8s ease infinite;
&:before
{
font-family: "Font Awesome 5 Pro";
content: "\f521";
font-weight: 600;
padding-right: 1px;
display: inline-block;
background: linear-gradient(270deg, #ff4040, #ff6a6a, #ff8a8a, #ff4040, #c33, #ff4040, #ff6a6a, #ff8a8a, #ff4040);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 100%;
animation: gradientFlow 8s ease infinite;
}
}
.username--style35
{
background: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: #d600c1;
animation: AnimNic 10s ease infinite;
text-shadow: #d600c1 1px 1px 10px;
font-weight: bold;
}
.username--style38
{
color: #9370db;
font-weight: bold;
text-shadow: #c0f 1px 1px 10px;
border-radius: 8px;
background: linear-gradient(270deg, #9370db, #9932cc, #da70d6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
animation: AnimNic 10s ease infinite;
}
.username--style40
{
color: red;
font-weight: bold;
text-shadow: #f00 1px 1px 10px;
border-radius: 8px;
&:after
{
content: 'razrab';
margin-left: 5px;
color: white;
border-radius: 3px;
border: 3px solid #f00;
padding: 0 4px;
display: inline-block;
margin: 0 5px -3px;
font-size: 13px;
font-weight: bold;
line-height: 14px;
}
}
.username--style43
{
color: #0ef;
font-weight: bold;
text-shadow: #c0f 1px 1px 10px;
border-radius: 8px;
}
.username--style50
{
color: darkred;
font-weight: bold;
text-shadow: #4b0082 1px 1px 10px;
border-radius: 8px;
background: linear-gradient(270deg, #feea10, #ff931e, #df841a, #01a72c, #f819a7, #0859fc, #0045bb, #7b9de0, #80c3df, #008000, #32cd32, #da0, #c00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 100%;
animation: gradientFlow 8s ease infinite;
}
.username--style54
{
color: black;
font-weight: bold;
text-shadow: #c0c0c0 1px 1px 10px;
border-radius: 8px;
}
.username--style70
{
color: #00bfff;
font-weight: bold;
text-shadow: #00bfff 2px 2px 10px;
border-radius: 8px;
background: url('https://i.imgur.com/ITgM2fs.gif');
&:after
{
margin-left: 5px;
color: white;
border-radius: 4px;
border: 2px solid #00bfff;
padding: 2px 4px;
font-size: 13px;
font-weight: bold;
}
}
.username--style95
{
color: #FF4500;
font-weight: bold;
text-shadow: #f00 1px 1px 10px;
border-radius: 8px;
}
.username--style109
{
color: red;
font-weight: bold;
text-shadow: #f00 1px 1px 10px;
border-radius: 8px;
&:after
{
content: '';
display: inline-block;
width: 32px;
height: 32px;
background-image: url('https://i.postimg.cc/15hXHRLp/Picsart-25-05-17-15-14-02-182.png');
background-size: contain;
background-repeat: no-repeat;
margin-left: 2px;
vertical-align: middle;
}
}
.username--style115
{
color: #FFD700;
font-weight: bold;
text-shadow: #ffa500 1px 1px 10px;
border-radius: 8px;
&:before
{
font-family: "Font Awesome 5 Pro";
content: "\f436";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
&:after
{
content: '';
display: inline-block;
width: 32px;
height: 32px;
background-image: url('https://i.postimg.cc/15hXHRLp/Picsart-25-05-17-15-14-02-182.png');
background-size: contain;
background-repeat: no-repeat;
margin-left: 2px;
vertical-align: middle;
}
&:hover:after
{
display: inline-block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all .8s;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
}
}
.username--style118
{
color: #00bfff;
font-weight: bold;
text-shadow: #00bfff 2px 2px 10px;
border-radius: 8px;
&:hover:before
{
display: inline-block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all .8s;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
}
}
.username--style119
{
color: red;
font-weight: bold;
text-shadow: #f00 1px 1px 10px;
}
.username--style123
{
color: transparent;
font-weight: bold;
background: linear-gradient(270deg, #ff1a1a, #f00, #900, #f00, #ff1a1a);
background-size: 400% 400%;
-webkit-background-clip: text;
animation: 6s linear infinite;
animation-name: gradientShift;
text-shadow: 0 0 8px #900;
}
.username--style124
{
color: #0066FF;
font-weight: bold;
text-shadow: #06f 1px 1px 10px;
border-radius: 8px;
}
.username--style131
{
color: #3333ff;
text-shadow: #33f 1px 1px 10px;
font-weight: bold;
border-radius: 8px;
&:before
{
font-family: "Font Awesome 5 Pro";
content: "\f1b2";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
}
.username--style145
{
color: #1000f2;
font-weight: bold;
text-shadow: #c0f 1px 1px 10px;
border-radius: 8px;
background: linear-gradient(270deg, #f00, #6e48aa, #9d50bb, #f00, #9932cc, #b0284d, #497fff, #9400d3, #f00, #7442c8, #8a2be2, #f00);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
animation: AnimNic 10s ease infinite;
&:before
{
font-family: "Font Awesome 5 Pro";
content: "\f555";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
&:after
{
font-family: "Font Awesome 5 Pro";
content: "\f058";
font-weight: 600;
padding-left: 2px;
display: inline-block;
}
}
.username--style150
{
color: #00bfff;
font-weight: bold;
text-shadow: #00bfff 2px 2px 10px;
border-radius: 8px;
}
.username--style154
{
background: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: #d600c1;
animation: AnimNic 10s ease infinite;
text-shadow: #d600c1 1px 1px 10px;
font-weight: bold;
&:before
{
font-family: "Font Awesome 5 Pro";
content: "\f781";
font-weight: 600;
padding-right: 3px;
display: inline-block;
}
}
.username--style162
{
color: #00bfff;
font-weight: bold;
text-shadow: #00bfff 2px 2px 10px;
border-radius: 8px;
&:before
{
font-family: "Font Awesome 5 Pro";
content: "\f51f";
font-weight: 600;
padding-right: 2px;
display: inline-block;
}
}
.username--style190
{
color: #c42178;
font-weight: bold;
text-shadow: #c42178 1px 1px 10px;
}
.username--style192
{
background: linear-gradient(270deg, #d600c1, #ba00d6, #9d00d6);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: #d600c1;
animation: AnimNic 10s ease infinite;
text-shadow: #d600c1 1px 1px 10px;
font-weight: bold;
}
.username--style193
{
color: #FFFFFF;
font-weight: bold;
text-shadow: #000 1px 1px 10px;
border-radius: 8px;
background: linear-gradient(270deg, #000, #808080, #c0c0c0, #fff);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 100%;
animation: gradientFlow 8s ease infinite;
}
.username--style196
{
color: #ff2400;
font-weight: bold;
text-shadow: #ff2400 1px 1px 10px;
}
.username--style197
{
color: transparent;
font-weight: bold;
background: linear-gradient(270deg, #ff1a1a, #f00, #900, #f00, #ff1a1a);
background-size: 400% 400%;
-webkit-background-clip: text;
animation: 6s linear infinite;
animation-name: gradientShift;
text-shadow: 0 0 8px #900;
}
.username--style199
{
color: #FF4500;
font-weight: bold;
text-shadow: #ff4500 1px 1px 10px;
border-radius: 8px;
}
.username--style202
{
font-weight: bold;
text-shadow: #ff1493 1px 1px 10px;
border-radius: 8px;
background: linear-gradient(270deg, #ee82ee, #f0f, #9370db);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 300% 100%;
animation: gradientFlow 8s ease infinite;
&:before
{
font-family: "Font Awesome 5 Pro";
content: "\f436";
font-weight: 600;
padding-right: 1px;
display: inline-block;
}
&:after
{
content: '';
display: inline-block;
width: 32px;
height: 32px;
background-image: url('https://images.steamusercontent.com/ugc/11030144997060339901/0B391B7188640CEADE86726BFB72A01148BE4DB5/?imw=512&imh=586&ima=fit&impolicy=Letterbox&imcolor=%23000000&letterbox=true');
background-size: contain;
background-repeat: no-repeat;
margin-left: 2px;
vertical-align: middle;
}
&:hover:after
{
display: inline-block;
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transition: all .8s;
-webkit-transition: all .8s;
-moz-transition: all .8s;
-ms-transition: all .8s;
-o-transition: all .8s;
}
}
.username--style203
{
color: gold;
font-weight: bold;
text-shadow: #ffd700 1px 1px 10px;
}
.username--style204
{
color: #800080;
font-weight: bold;
text-shadow: #800080 1px 1px 10px;
}