Welcome!

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

SignUp Now!

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

Апр
813
2,096
Активный

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
31
Пользователь

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

годно
 
Май
655
154
Пользователь

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,409
2,516
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Как сделать также, только чтобы и краска и ник переливались?
тему создавайте в нужном разделе, там вам помогут
 
Апр
456
129
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
ссылку на галочку?
 
Лучше плохо начать, чем хорошо бездействовать
Ноя
2,363
1,972
Профессионал
ссылку на галочку?
Вот:
CSS:
.username--style3:after{
font-family:"Font Awesome 5 Pro";
content:"\f336";
font-weight:600;
padding-right:1px;
display:inline-block
}
А также ознакомься с этими иконками, может пригодяться:
 
Апр
456
129
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
Вот:
CSS:
.username--style3:after{
font-family:"Font Awesome 5 Pro";
content:"\f336";
font-weight:600;
padding-right:1px;
display:inline-block
}
А также ознакомься с этими иконками, может пригодяться:
мне на плагин а не код
 
Апр
456
129
Заблокированный
Обратите внимание, пользователь заблокирован на форуме. Не рекомендуется проводить сделки. Мы не несем ответственности за действия пользователя вне форума.
гугл иконки font awesome
у крмп онлайн не коды на галочки а плагин
 
Сверху