Test

Объявление

Добро пожаловать в военную академию Басгиат
Учебный год в самом разгаре, началось самое важное событие в жизни любого всадника — Молотьба.

Связывайтесь с драконами. Оглядывайтесь по сторонам: бездраконные начали убивать.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Test » New Forum » Длинный заголовок ппц вообще до границы видимой вселенной и дальше


Длинный заголовок ппц вообще до границы видимой вселенной и дальше

Сообщений 1 страница 4 из 4

1

123

0

2

#pun-navlinks li a:hover {
    color: rgb(var(--canvas-primary));
    animation: pulse 0.5s ease-in-out forwards;
}

@keyframes pulse {
  0% {
    box-shadow: inset 30px 0px 0 0px rgba(var(--accent), 0),
                inset -30px 0px 0 0px rgba(var(--accent), 0),
                inset 0px 15px 0 0px rgba(var(--accent), 0),
                inset 0px -15px 0 0px rgba(var(--accent), 0),
                0 0 0 0 rgba(var(--accent), 0.7);
  }
  50% {
    box-shadow: inset 30px 0px 0 0px rgba(var(--accent), 0.5),
                inset -30px 0px 0 0px rgba(var(--accent), 0.5),
                inset 0px 15px 0 0px rgba(var(--accent), 0.5),
                inset 0px -15px 0 0px rgba(var(--accent), 0.5),
                0 0 10px 10px rgba(var(--accent), 0.5);
  }
  100% {
    box-shadow: inset 30px 0px 0 0px rgba(var(--accent), 1),
                inset -30px 0px 0 0px rgba(var(--accent), 1),
                inset 0px 15px 0 0px rgba(var(--accent), 1),
                inset 0px -15px 0 0px rgba(var(--accent), 1),
                0 0 20px 20px rgba(var(--accent), 0);
  }
}

0

3

#pun-navlinks li a {
    color: rgb(var(--gray-main));
    font: var(--fw600) var(--fs12) var(--font-second-sa);
    background: rgba(var(--canvas-tertiary), 1);
    border: var(--border-1px);
    text-transform: capitalize;
    text-decoration: none;
    position:relative;
    padding: 3px 10px 4px;
    margin: 3px 5px;
    border-radius: var(--bradius-major);
    transition:0.4s ease-in-out;
    box-shadow: inset 0px 0px 0 0px rgba(var(--accent), .6);
}

/* #pun-navlinks li a::after {
    content: '';
    opacity: .5;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: scale(1);
    background: rgba(var(--canvas-primary), 1);
    left: 0px;
    top: 0px;
    border-radius: 30px;
z-index:-1;
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

#pun-navlinks li a:hover::after {
opacity:0;
transform:scale(1.4);
background:rgba(var(--canvas-primary), 0);
    filter: blur(10px);

} */

#pun-navlinks li a:hover {
    color: rgb(var(--canvas-primary));
    box-shadow: inset 0 0 0px 20px rgba(var(--accent), .6);
    animation: pulse 0.7s ease-in-out forwards;
}

@keyframes pulse {
  0% {
    box-shadow: /* inset 0px 0px 0 0px rgba(var(--accent), .6), */
                       0 0 0 0 rgba(var(--canvas-primary), .2);
  }

  100% {
    box-shadow: /* inset 0px 0px 0 30px rgba(var(--accent), .6), */
                       0 0 0px 20px rgba(var(--canvas-primary), 0);
  }
}

0

4

#pun-navlinks li a {
    color: rgb(var(--gray-main));
    font: var(--fw600) var(--fs12) var(--font-second-sa);
    background: rgba(var(--canvas-tertiary), 1);
    border: var(--border-1px);
    text-transform: capitalize;
    text-decoration: none;
    position:relative;
    padding: 3px 10px 4px;
    margin: 3px 5px;
    border-radius: var(--bradius-major);
    transition:0.4s ease-in-out;
    box-shadow: inset 0px 0px 0 0px rgba(var(--accent), .6), 0 0 0 0 rgba(var(--canvas-primary), .2);
}

#pun-navlinks li a:hover {
    color: rgb(var(--canvas-primary));
    box-shadow:
        inset 0px 0px 0 20px rgba(var(--accent), .6),
        0 0 0px 20px rgba(var(--canvas-primary), 0);
}

0


Вы здесь » Test » New Forum » Длинный заголовок ппц вообще до границы видимой вселенной и дальше


Рейтинг форумов | Создать форум бесплатно