123
Длинный заголовок ппц вообще до границы видимой вселенной и дальше
Страница: 1
Сообщений 1 страница 4 из 4
Поделиться12025-03-29 20:22:46
- Приглашений: 0
- Сообщений: 15
- Уважение: +0
- Провел на форуме:
23 часа 4 минуты - Последний визит:
Вчера 18:49:34 - Администратор
Поделиться22025-03-30 02:24:22
- Приглашений: 0
- Сообщений: 15
- Уважение: +0
- Провел на форуме:
23 часа 4 минуты - Последний визит:
Вчера 18:49:34 - Администратор
#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);
}
}
Поделиться32025-03-30 16:15:36
- Приглашений: 0
- Сообщений: 15
- Уважение: +0
- Провел на форуме:
23 часа 4 минуты - Последний визит:
Вчера 18:49:34 - Администратор
#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);
}
}
Поделиться42025-03-30 17:23:55
- Приглашений: 0
- Сообщений: 15
- Уважение: +0
- Провел на форуме:
23 часа 4 минуты - Последний визит:
Вчера 18:49:34 - Администратор
#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);
}
Страница: 1
