Make the 404 page glitch effect choppy with a non-continuous timing function (#1040)

Make the glitch effect choppy with a non-continuous timing function
This commit is contained in:
Addison 2024-01-03 08:50:48 -05:00 committed by GitHub
parent 30555edf69
commit dfeac07930
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -160,12 +160,12 @@ const Blinking = styled(Heading)`
&:after { &:after {
left: 2px; left: 2px;
text-shadow: -2px 0 ${theme.colors.red}; text-shadow: -2px 0 ${theme.colors.red};
animation: ${animation1} 2s infinite linear alternate-reverse; animation: ${animation1} 2s infinite steps(2, jump-end) alternate-reverse;
} }
&:before { &:before {
left: -2px; left: -2px;
text-shadow: -2px 0 ${theme.colors.cyan}; text-shadow: -2px 0 ${theme.colors.cyan};
animation: ${animation2} 4s infinite linear alternate-reverse; animation: ${animation2} 4s infinite steps(2, jump-end) alternate-reverse;
} }
` `