Прямоугольный префикс

[KirillYCH]

Ребят помогите, у меня анимация выходит за границы префикса, как сделать префикс прямоугольным под анимацию? Я новичок в этом деле, и хотел бы чтобы вы объяснили более понятно. Заранее спасибо. (Предыдущую тему закрыли)

 

[kashtaev]

Можно код?

 

[KirillYCH]

Можно код?

Вот, полностью что есть в extra.less

---

.spectator {
box-shadow: 0px 0px 16px #FF0000;
color: #fff;
background-color: #FF0000;
border-color: #FF0000;
border-radius: 0px;
}

.label {

position: relative;

&:after {

content: '';

opacity: 0;

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: #fff;

animation: animate-shine 2s ease-out infinite;

}

}

@keyframes animate-shine {

0% {

opacity: .1;

width: 0;

}

50% {

opacity: .5;

}

100% {

opacity: 0;

width: 100%;

}

}

.banner1 {
color: #fff;
background-color: #fc051e;
font-size: 100%;
font-weight: 400;
font-style: normal;
padding: 1px 6px;
border: 1px solid transparent;
border-radius: 0px;
text-align: center;
display: inline-block;
}

 

[AroundMyMinds]

KirillYCH, Где ты этот код брал????

 

[KirillYCH]

KirillYCH, Где ты этот код брал????

На просторах XenForo

 

[KRAVCHUK]

Почему новички никогда с правилами не ознакамливаются

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[kashtaev]

Я сам в этом не профи, но помоему тут есть ответ на то, что вы просили - https://xenforo.info/threads/Как-сделать-переливающийся-префикс-на-форуме.50994/

 

[AroundMyMinds]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[KirillYCH]

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Недоступно для просмотра, жаль

 

[Kokiyo]

Недоступно для просмотра, жаль

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация