H1 Başlığı
2 found - "KALINA
.glitch-rgb::before,
.glitch-rgb::after {
content: attr(data-text);
position: absolute;
inset: 0;
font: inherit;
letter-spacing: inherit;
-webkit-text-stroke: inherit;
color: inherit;
opacity: 0;
pointer-events: none;
}
.glitch-rgb[data-glitch]::before {
opacity: 0.45;
color: #e74c3c;
mix-blend-mode: screen;
animation: rgb-shift-r 0.22s linear forwards;
}
.glitch-rgb[data-glitch]::after {
opacity: 0.35;
color: #00eaff;
mix-blend-mode: screen;
animation: rgb-shift-b 0.22s linear forwards;
}
@keyframes rgb-shift-r {
0% { transform: translate(-3px, 0); clip-path: polygon(0 15%, 100% 15%, 100% 45%, 0 45%); }
40% { transform: translate(2px, -1px); clip-path: polygon(0 50%, 100% 50%, 100% 70%, 0 70%); }
80% { transform: translate(-1px, 1px); clip-path: polygon(0 5%, 100% 5%, 100% 30%, 0 30%); }
100% { transform: translate(0, 0); opacity: 0; }
}
@keyframes rgb-shift-b {
0% { transform: translate(3px, 0); clip-path: polygon(0 55%, 100% 55%, 100% 80%, 0 80%); }
40% { transform: translate(-2px, 1px); clip-path: polygon(0 25%, 100% 25%, 100% 50%, 0 50%); }
80% { transform: translate(1px, -1px); clip-path: polygon(0 70%, 100% 70%, 100% 90%, 0 90%); }
100% { transform: translate(0, 0); opacity: 0; }
}"
Sayfa başına yalnızca bir H1 başlığı kullanın. Fazladan H1 etiketlerini kaldırın.