Комментарий #9063375

grin3671
@KisasPisas,
спойлер
#profiles_show .profile-head .c-brief header h1.aliases {
  --margin: 5px;
  position: relative;
  color: #fff;
  padding: 0 var(--margin);
  margin-left: calc(var(--margin) * -1);
  overflow: hidden;
  display: inline-block;
  width: auto;
  height: auto;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
}

#profiles_show .profile-head .c-brief header h1.aliases::before,
#profiles_show .profile-head .c-brief header h1.aliases::after {
  content: 'KisasPisas' !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  padding: inherit !important;
  margin: 0 !important;
  background: black !important;
  color: white !important;
  font: inherit !important;
  line-height: inherit !important;
  overflow: hidden !important;
}

#profiles_show .profile-head .c-brief header h1.aliases::before {
  left: 3px !important;
  text-shadow: -2px 0 red !important;
  animation: glitch--1 2s linear reverse infinite !important;
}
#profiles_show .profile-head .c-brief header h1.aliases::after {
  left: -3px !important;
  text-shadow: -2px 0 blue !important;
  animation: glitch--2 2s linear reverse infinite !important;
}

@keyframes glitch--1 {
  0% { clip: rect(102px, auto, 101px, var(--margin)); }
  5% { clip: rect(-13px, auto, 94px, var(--margin)); }
  10% { clip: rect(10px, auto, 66px, var(--margin)); }
  15% { clip: rect(57px, auto, 82px, var(--margin)); }
  20% { clip: rect(107px, auto, 61px, var(--margin)); }
  25% { clip: rect(4px, auto, 14px, var(--margin)); }
  30% { clip: rect(103px, auto, 74px, var(--margin)); }
  35% { clip: rect(36px, auto, 107px, var(--margin)); }
  40% { clip: rect(29px, auto, 130px, var(--margin)); }
  45% { clip: rect(-1px, auto, 84px, var(--margin)); }
  50% { clip: rect(-8px, auto, 67px, var(--margin)); }
  55% { clip: rect(37px, auto, 62px, var(--margin)); }
  60% { clip: rect(-20px, auto, 105px, var(--margin)); }
  65% { clip: rect(48px, auto, 115px, var(--margin)); }
  70% { clip: rect(75px, auto, 13px, var(--margin)); }
  75% { clip: rect(-15px, auto, 75px, var(--margin)); }
  80% { clip: rect(36px, auto, 39px, var(--margin)); }
  85% { clip: rect(103px, auto, 73px, var(--margin)); }
  90% { clip: rect(6px, auto, 128px, var(--margin)); }
  95% { clip: rect(38px, auto, 103px, var(--margin)); }
  100% { clip: rect(-16px, auto, 100px, var(--margin)); }
}

@keyframes glitch--2 {
  0% { clip: rect(99px, auto, 36px, var(--margin)); }
  5% { clip: rect(6px, auto, 4px, var(--margin)); }
  10% { clip: rect(55px, auto, 66px, var(--margin)); }
  15% { clip: rect(61px, auto, 91px, var(--margin)); }
  20% { clip: rect(118px, auto, 138px, var(--margin)); }
  25% { clip: rect(8px, auto, 122px, var(--margin)); }
  30% { clip: rect(39px, auto, 54px, var(--margin)); }
  35% { clip: rect(68px, auto, 71px, var(--margin)); }
  40% { clip: rect(116px, auto, 34px, var(--margin)); }
  45% { clip: rect(104px, auto, 43px, var(--margin)); }
  50% { clip: rect(72px, auto, 80px, var(--margin)); }
  55% { clip: rect(89px, auto, 44px, var(--margin)); }
  60% { clip: rect(76px, auto, 99px, var(--margin)); }
  65% { clip: rect(111px, auto, 74px, var(--margin)); }
  70% { clip: rect(-10px, auto, 78px, var(--margin)); }
  75% { clip: rect(103px, auto, 79px, var(--margin)); }
  80% { clip: rect(48px, auto, 52px, var(--margin)); }
  85% { clip: rect(5px, auto, 39px, var(--margin)); }
  90% { clip: rect(37px, auto, 70px, var(--margin)); }
  95% { clip: rect(41px, auto, 103px, var(--margin)); }
  100% { clip: rect(53px, auto, 40px, var(--margin)); }
}
Ответы

Нет комментариев

назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть