monkeytype/static/funbox/nausea.css
2020-11-04 01:02:19 +00:00

38 lines
701 B
CSS

@keyframes woah {
0% {
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2)
scaleY(0.9);
}
25% {
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1) scaleY(0.8);
}
50% {
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(0.9)
scaleY(0.9);
}
75% {
transform: rotateY(15deg) skewY(-10deg) rotateX(15deg) scaleX(1.5)
scaleY(1.1);
}
100% {
transform: rotateY(-15deg) skewY(10deg) rotateX(-15deg) scaleX(1.2)
scaleY(0.9);
}
}
#middle {
animation: woah 7s infinite cubic-bezier(0.5, 0, 0.5, 1);
}
#centerContent {
transform: rotate(5deg);
perspective: 500px;
}
body {
overflow: hidden;
}