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,222
Активный

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

годно
 
Май
662
169
Активный

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