- Июн
- 10
- 0
Пользователь
вот я нашёл код и попробовал его поставив на основу и смотрю там сразу иконка и хочу спросить у вас есть все как на крмп онлайн с иконками и цветом перед ником ?
Вот код color: yellow;
font-weight: bold;
text-shadow: #ffa500 1px 1px 10px;
&:before {
font-family: "Font Awesome 5 Pro";
content: "\f6d5";
font-weight: 600;
padding-right: 2px;
display: inline-block;
}
&: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
&: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
&:after {
content: "Osnova";
color: yellow;
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 14px;
border-radius: 3px;
border-width: 3px;
border-style: solid;
border-color: yellow;
border-image: initial;
padding: 0px 4px;
margin: 0px 5px -3px;
}
Вот код color: yellow;
font-weight: bold;
text-shadow: #ffa500 1px 1px 10px;
&:before {
font-family: "Font Awesome 5 Pro";
content: "\f6d5";
font-weight: 600;
padding-right: 2px;
display: inline-block;
}
&: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
&: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 0.8s;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
-ms-transition: all 0.8s;
-o-transition: all 0.8s;
}
&:after {
content: "Osnova";
color: yellow;
display: inline-block;
font-size: 13px;
font-weight: bold;
line-height: 14px;
border-radius: 3px;
border-width: 3px;
border-style: solid;
border-color: yellow;
border-image: initial;
padding: 0px 4px;
margin: 0px 5px -3px;
}
