Button by r7chardgh

1.button {
2  position: relative;
3  border: 0;
4  padding: 1em 2em;
5  font-weight: 700;
6  cursor: pointer;
7  outline: .5em solid #fff;
8  outline-offset: -.3em;
9  color: #fff;
10  background-color: #333;
11  text-transform: uppercase;
12}
13
14.button:hover {
15  animation: shake 500ms infinite,glitch 400ms infinite steps(4);
16}
17
18@keyframes shake {
19  0% {
20  }
21
22  25% {
23    transform: translate(-.1em,-.1em);
24  }
25
26  50% {
27    transform: translate(.3em,0);
28  }
29
30  75% {
31    transform: translate(0,.3em);
32  }
33
34  100% {
35  }
36}
37
38@keyframes glitch {
39  from {
40    box-shadow: .8em .8em  rgba(240, 84, 219),
41  -.8em -.8em rgba(84, 240, 232);
42  }
43
44  to {
45    text-shadow: .3em .2em  rgba(240, 84, 219),
46  -.3em -.2em rgba(84, 240, 232);
47  }
48}