Пользователь
- Регистрация
- 10 Июл 2025
- Сообщения
- 18
- Автор темы
- #1
здарова посаны севодня тутор на вотакой дрожащий от страха ник 
в extra.less закидываем:
в css для имени пользователя
и усьо у нас вышел такой
крутой дрожащий от страха ник

в extra.less закидываем:
less:
@keyframes hardcoreGlitch {
0% {
transform: translate(0, 0) skew(0deg);
text-shadow: 2px 0 #f00,-2px 0 #0ff,1px 1px #000
}
10% {
transform: translate(-1px, -1px) skew(-5deg);
text-shadow: -3px 0 #f00,3px 0 #0ff
}
20% {
transform: translate(2px, 1px) skew(5deg);
text-shadow: 3px 2px #f00,-3px -2px #0ff
}
30% {
transform: translate(-3px, 0) skew(-3deg);
text-shadow: -5px 0 #f00,5px 0 #0ff
}
40% {
transform: translate(3px, -1px) skew(3deg);
text-shadow: 2px -1px #f00,-2px 1px #0ff
}
50% {
transform: translate(1px, 2px) skew(-2deg);
text-shadow: 4px 1px #f00,-4px -1px #0ff
}
60% {
transform: translate(-2px, -2px) skew(2deg);
text-shadow: -3px -1px #f00,3px 1px #0ff
}
70% {
transform: translate(0, 3px) skew(0deg);
text-shadow: 2px 2px #f00,-2px -2px #0ff
}
80% {
transform: translate(2px, -3px) skew(2deg);
text-shadow: 4px -1px #f00,-4px 1px #0ff
}
90% {
transform: translate(-1px, 1px) skew(-2deg);
text-shadow: -3px 1px #f00,3px -1px #0ff
}
100% {
transform: translate(0, 0) skew(0deg);
text-shadow: 2px 0 #f00,-2px 0 #0ff
}
}
в css для имени пользователя
css:
color: #fff;
font-weight: 700;
font-size: inherit;
text-align: center;
animation: hardcoreGlitch .4s infinite steps(2, jump-none);
display: inline-block;
position: relative;
и усьо у нас вышел такой
