- Автор темы
- #1
Как сделать что-то похожее как здесь?: https://forum.bully-rp.ru/members/josh_dun.22360/
мне достаточно одного примера, дальше сам сделаю
мне достаточно одного примера, дальше сам сделаю
Зарегистрировавшись у нас, вы сможете обсуждать, делиться и отправлять личные сообщения другим участникам нашего сообщества.
Зарегистрироваться!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%} }
Результат