Jump to content

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

Featured Replies

Posted

Сделал переливающийся ник, но почему-то он не работает, текст группы просто белого цвета.
в custom.css:
.developer {

    background: linear-gradient(to right, #edc65c, #ff7600, #bd2828, #ed5cc7, #5c86ed, #edc65c);

    background-size: 200% auto;

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    background-clip: text;

    text-fill-color: transparent;

    -webkit-animation: shine 3s linear infinite alternate;

    animation: shine 3s linear infinite alternate;

}

@-webkit-keyframes shine {

  to {

    background-position: 200% center;

  }

}

@keyframes shine {

  to {

    background-position: 200% center;

  }

}

В группе:
<span class='developer'></span>

Тема уже обмусолена донельзя. Неужели так трудно воспользоваться поиском? Элементарно даже в Яндекс похожих примеров до х... и больше.

На любой вкус и ум...

https://yandex.ru/search/touch/?text=%D0%9F%D0%B5%D1%80%D0%B5%D0%BB%D0%B8%D0%B2%D0%B0%D1%8E%D1%89%D0%B8%D0%B9%D1%81%D1%8F+%D1%82%D0%B5%D0%BA%D1%81%D1%82+%D1%81+%D0%BF%D0%BE%D0%BC%D0%BE%D1%89%D1%8C%D1%8E+css&lr=67&redircnt=1743321772.1

1 hour ago, Sergey135 said:

Так мне не переливающийся [url=#][url=#]Никнейм[/url][/url] нужен. У меня это всё есть.
У меня не работает он, и я не знаю, как это исправить.

А чтО тогда вам нужно? Фон названия группы переливающийся или же именно переливающееся название группы?

1 час назад, Sergey135 said:

<span class='developer'></span>

а между span что у вас находится?

  • Author
2 минуты назад, AHristich said:

А чтО тогда вам нужно? Фон названия группы переливающийся или же именно переливающееся название группы?

Это у меня всё есть. Проблема в том, что это не отображается. Может проблема в самой теме?

3 минуты назад, AHristich said:

а между span что у вас находится?

Снимок экрана 2025-03-30 121906.png

Вот, ничего не работает, хотя всё есть

Снимок экрана 2025-03-30 121942.png

Смотрите в консоли браузера что и как.

И толком не понятно что все-таки надо переливать,фон названия группы или само название.

.developer {

background: linear-gradient(to right, #edc65c, #ff7600, #bd2828, #ed5cc7, #5c86ed, #edc65c);

background-size: 200% auto;

-webkit-background-clip: text;

-webkit-text-fill-color: transparent;

background-clip: text;

text-fill-color: transparent;

-webkit-animation: shine 3s linear infinite alternate;

animation: shine 3s linear infinite alternate;

}

@-webkit-keyframes shine {

to {

background-position: 200% center;

}

}

@keyframes shine {

to {

background-position: 200% center;

}

}

<span class="developer">

Так все работает

Edited by aLEX49566

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.