Welcome!

By registering with us, you'll be able to discuss, share and private message with other members of our community.

SignUp Now!

Переливающийся ник

Апр
814
1,849
Активный

CSS имени пользователя:

CSS:
font-weight: bold;
  font-family: arial black;
  color: #ffffff;
  display: inline-block;
  position: relative;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
  -webkit-mask-size: 200%;
  animation: wave 2s infinite;

В extra.less:

CSS:
@-webkit-keyframes wave {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}

Результат:

video_2024-12-07_14-55-54.gif

 
Май
68
32
Пользователь

CSS имени пользователя:

CSS:
font-weight: bold;
  font-family: arial black;
  color: #ffffff;
  display: inline-block;
  position: relative;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
  -webkit-mask-size: 200%;
  animation: wave 2s infinite;

В extra.less:

CSS:
@-webkit-keyframes wave {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}

Результат:

Посмотреть вложение 3989

годно
 
Май
477
82
Пользователь

CSS имени пользователя:

CSS:
font-weight: bold;
  font-family: arial black;
  color: #ffffff;
  display: inline-block;
  position: relative;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0, 0, 0, .6) 30%, #000 50%, rgba(0, 0, 0, .6) 70%);
  -webkit-mask-size: 200%;
  animation: wave 2s infinite;

В extra.less:

CSS:
@-webkit-keyframes wave {
  from {
    -webkit-mask-position: 150%;
  }
  to {
    -webkit-mask-position: -50%;
  }
}

Результат:

Посмотреть вложение 3989

Как сделать также, только чтобы и краска и ник переливались?
 
Янв
1,412
2,023
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Как сделать также, только чтобы и краска и ник переливались?
тему создавайте в нужном разделе, там вам помогут
 
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,043
1,252
Профессионал
ссылку на галочку?
Вот:
CSS:
.username--style3:after{
font-family:"Font Awesome 5 Pro";
content:"\f336";
font-weight:600;
padding-right:1px;
display:inline-block
}
А также ознакомься с этими иконками, может пригодяться:
 
Апр
224
11
Пользователь
Вот:
CSS:
.username--style3:after{
font-family:"Font Awesome 5 Pro";
content:"\f336";
font-weight:600;
padding-right:1px;
display:inline-block
}
А также ознакомься с этими иконками, может пригодяться:
мне на плагин а не код
 
Сверху