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

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

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