Link to article: SCP-7469.
/* Copied from https://codepen.io/cbanlawi/pen/xxRBeMY . This code is under an MIT license and credit must be given to the original as a result. */
.container {
text-align: center;
color: black;
display: inline-block;
white-space: nowrap;
}
.glitch {
font-weight: bold;
position: relative;
text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff,
0.025em 0.04em 0 #fffc00;
animation: glitch 725ms infinite;
}
.glitch p {
margin: 0;
}
.glitch span {
position: absolute;
top: 0;
left: 0;
}
.glitch span:first-child {
animation: glitch 500ms infinite;
clip-path: polygon(0 0, 100% 0, 100% 35%, 0 35%);
transform: translate(-0.04em, -0.03em);
opacity: 0.75;
}
.glitch span:last-child {
animation: glitch 375ms infinite;
clip-path: polygon(0 65%, 100% 65%, 100% 100%, 0 100%);
transform: translate(0.04em, 0.03em);
opacity: 0.75;
}
@keyframes glitch {
0% {
text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff,
0.025em 0.04em 0 #fffc00;
}
15% {
text-shadow: 0.05em 0 0 #00fffc, -0.03em -0.04em 0 #fc00ff,
0.025em 0.04em 0 #fffc00;
}
16% {
text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff,
-0.05em -0.05em 0 #fffc00;
}
49% {
text-shadow: -0.05em -0.025em 0 #00fffc, 0.025em 0.035em 0 #fc00ff,
-0.05em -0.05em 0 #fffc00;
}
50% {
text-shadow: 0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff,
0 -0.04em 0 #fffc00;
}
99% {
text-shadow: 0.05em 0.035em 0 #00fffc, 0.03em 0 0 #fc00ff,
0 -0.04em 0 #fffc00;
}
100% {
text-shadow: -0.05em 0 0 #00fffc, -0.025em -0.04em 0 #fc00ff,
-0.04em -0.025em 0 #fffc00;
}
}
#page-content h1 {
font-size: 15px;
text-shadow: 0px 0px 4px rgba(11,78,186,0.15);
background: url(https://upload.wikimedia.org/wikipedia/commons/5/5a/Peacock_00788-480px.gif);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h1:focus {
outline: none;
}
border:3px solid#000000;
color:#032D38; font-size:11pt; background:#f7f8fa;padding: 15px;
border:3px solid#000000;
color:#032D38; font-size:11pt; background:#f7f8fa;padding: 15px;
border:3px solid#000000;
color:#032D38; font-size:11pt; background:#f7f8fa;padding: 15px;
border:3px solid#000000;
color:#032D38; font-size:11pt; background:#f7f8fa;padding: 15px;
border:3px solid#000000;
color:#032D38; font-size:11pt; background:#f7f8fa;padding: 15px;
border:3px solid#000000;
color:#032D38; font-size:11pt; background:#f7f8fa;padding: 15px;
border:3px solid#000000;
color:#032D38; font-size:11pt; background:#f7f8fa;padding: 15px;
border:3px solid#000000;
color:#032D38; font-size:11pt; background:#f7f8fa;padding: 15px;
component:preview
:scp-wiki:component:author-label-source
[info]
:scp-wiki:component:author-label-source
[info]
:scp-wiki:theme:xmas
[info]
:scp-wiki:theme:frownstyle
[info]
:scp-wiki:component:license-box
[info]
:scp-wiki:component:license-box-end
[info]
container
glitch
footer-wikiwalk-nav