- Май
- 863
- 354
Пользователь
Как сделать что-то похожее как здесь?: https://forum.bully-rp.ru/members/josh_dun.22360/
мне достаточно одного примера, дальше сам сделаю
мне достаточно одного примера, дальше сам сделаю
By registering with us, you'll be able to discuss, share and private message with other members of our community.
SignUp Now!background: linear-gradient(45deg, #0c6a0c 25%, #15c115 0, #15c115 50%, #0c6a0c 0, #0c6a0c 75%, #15c115 0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
color: #1000f2;
animation: AnimNic 3s linear infinite;
@keyframes AnimNic {
0%{background-position:0% 50%}
100%{background-position:100% 50%}
}
background: linear-gradient(270deg, #0c6a0c, #15c115);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 900% 20%;
color: #1000f2;
animation: AnimNic 2s ease infinite;
@keyframes AnimNic {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
Большое спасибо! А если прямо переливание, а не свечение?В настройку CSS ника группы это
CSS:background: linear-gradient(270deg, #0c6a0c, #15c115); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 900% 20%; color: #1000f2; animation: AnimNic 2s ease infinite;
в экстру это
CSS:@keyframes AnimNic { 0%{background-position:0% 50%} 50%{background-position:100% 50%} 100%{background-position:0% 50%} }
получаем это
background: linear-gradient(45deg, #0c6a0c 25%, #15c115 0, #15c115 50%, #0c6a0c 0, #0c6a0c 75%, #15c115 0);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-size: 200% 100%;
color: #1000f2;
animation: AnimNic 3s linear infinite;
@keyframes AnimNic {
0%{background-position:0% 50%}
100%{background-position:100% 50%}
}
Благодарю. И огромное спасибо за результаты.в CSS ника:background: linear-gradient(45deg, #0c6a0c 25%, #15c115 0, #15c115 50%, #0c6a0c 0, #0c6a0c 75%, #15c115 0); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; color: #1000f2; animation: AnimNic 3s linear infinite;
extra.less:@keyframes AnimNic { 0%{background-position:0% 50%} 100%{background-position:100% 50%} }
Результат