diff --git a/aprilFools.css b/aprilFools.css index 32edfc5..19010e3 100644 --- a/aprilFools.css +++ b/aprilFools.css @@ -108,6 +108,23 @@ body { } */ +/* + Rotate and move the page back and forth a little +*/ +body { + /*-webkit-animation: sea 3s ease-in-out infinite; + -webkit-animation-direction: alternate;*/ +} + +/* + Same as above but less rotation +*/ +body { +/* -webkit-animation: seaslow 3s ease-in-out infinite; + -webkit-animation-direction: alternate; +*/ +} + /* Animations */ @-webkit-keyframes blur { @@ -131,3 +148,13 @@ body { 0% { -webkit-transform: none; } 100% { -webkit-transform: rotateX(-90deg); } } + +@-webkit-keyframes sea { + 0% { -webkit-transform: rotate(-1deg); margin-left:100px; } + 100% { -webkit-transform: rotate(1deg);margin-left:-100px; } +} + +@-webkit-keyframes seaslow { + 0% { -webkit-transform: rotate(-0.1deg); margin-left:10px; } + 100% { -webkit-transform: rotate(0.1deg);margin-left:-10px; } +} \ No newline at end of file