Информация Градиент [перелив] Префикс (темно синий-белый-темно синий)

[ARAGAMI]

Всем здравствуйте С вами редактор ARAGAMI. И сегодня я бы хотел поделиться с вами css-кодом для " переливающегося префикса"
Темно-синий > белый > темно-синий

Код нужно вставить в шаблоны стиля extra.less:

.cool-prefix {
  position: relative;
  font-weight: 700;
  color: white;
  display: inline-block;
  padding: 0px 6px;
  border-radius: 5px;
  overflow: hidden;
  z-index: 0;
  font-size: 90%;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}

.cool-prefix::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
 
  background: linear-gradient(
    90deg,
    #121858,
    #283593,
    #3949ab,
    #5c6bc0,
    #3949ab,
    #283593,
    #121858
  );

  background-size: 300% 100%;
  animation: glowFlow 5s ease-in-out infinite;
 
  z-index: -1;
 
  border-radius: 5px;
 
  filter: brightness(1.2);
}

@keyframes glowFlow {
  0% {
    background-position: 0% 50%;
    filter: brightness(0.9);
  }
 
  50% {
    background-position: 100% 50%;
    filter: brightness(1.4);
   }
  
   100% {
     background-position: 0% 50%;
     filter: brightness(0.9);
   }
}

После этих шагов мы заходим в "Узлы" > "Префиксы тем" и здесь настраиваем. Важно, что вы должны выбрать "свой css код" (cool-prefix). После этих шагов у вас будет новый префикс
Результат:

(Не обращайте внимание то, что написано "музыка". Написал для себя)

Если у вас есть вопросы, пишите в теме.
PS: код не мой, но рабочий.

 

[0xDA0F00D]

Красивые, может будем использовать и на нашем форуме