From ebf9d848502a95656e21af8397bf2f316564a37a Mon Sep 17 00:00:00 2001 From: Matthew Grove Date: Sat, 17 Nov 2018 17:13:57 +0000 Subject: [PATCH] Fix cookie notice animation --- assets/global.css | 50 +++++++++++++++++++++++------------------------ 1 file changed, 25 insertions(+), 25 deletions(-) diff --git a/assets/global.css b/assets/global.css index 330287b..98a577a 100644 --- a/assets/global.css +++ b/assets/global.css @@ -92,11 +92,11 @@ body { @keyframes cookies { 0% { opacity: 0; - -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ - -moz-transform: translate3d(0,-100px,0); /* Firefox */ - -ms-transform: translate3d(0,-100px,0); /* IE9 */ - -o-transform: translate3d(0,-100px,0); /* Opera */ - transform: translate3d(0,-100px,0); + -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */ + -moz-transform: translate3d(0,100px,0); /* Firefox */ + -ms-transform: translate3d(0,100px,0); /* IE9 */ + -o-transform: translate3d(0,100px,0); /* Opera */ + transform: translate3d(0,100px,0); } 100% { opacity: 1; @@ -109,11 +109,11 @@ body { } @-webkit-keyframes cookies { 0% { - -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ - -moz-transform: translate3d(0,-100px,0); /* Firefox */ - -ms-transform: translate3d(0,-100px,0); /* IE9 */ - -o-transform: translate3d(0,-100px,0); /* Opera */ - transform: translate3d(0,-100px,0); + -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */ + -moz-transform: translate3d(0,100px,0); /* Firefox */ + -ms-transform: translate3d(0,100px,0); /* IE9 */ + -o-transform: translate3d(0,100px,0); /* Opera */ + transform: translate3d(0,100px,0); } 100% { -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */ @@ -125,11 +125,11 @@ body { } @-moz-keyframes cookies { 0% { - -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ - -moz-transform: translate3d(0,-100px,0); /* Firefox */ - -ms-transform: translate3d(0,-100px,0); /* IE9 */ - -o-transform: translate3d(0,-100px,0); /* Opera */ - transform: translate3d(0,-100px,0); + -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */ + -moz-transform: translate3d(0,100px,0); /* Firefox */ + -ms-transform: translate3d(0,100px,0); /* IE9 */ + -o-transform: translate3d(0,100px,0); /* Opera */ + transform: translate3d(0,100px,0); } 100% { -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */ @@ -141,11 +141,11 @@ body { } @-o-keyframes cookies { 0% { - -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ - -moz-transform: translate3d(0,-100px,0); /* Firefox */ - -ms-transform: translate3d(0,-100px,0); /* IE9 */ - -o-transform: translate3d(0,-100px,0); /* Opera */ - transform: translate3d(0,-100px,0); + -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */ + -moz-transform: translate3d(0,100px,0); /* Firefox */ + -ms-transform: translate3d(0,100px,0); /* IE9 */ + -o-transform: translate3d(0,100px,0); /* Opera */ + transform: translate3d(0,100px,0); } 100% { -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */ @@ -163,9 +163,9 @@ body { -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; - -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ - -moz-transform: translate3d(0,-100px,0); /* Firefox */ - -ms-transform: translate3d(0,-100px,0); /* IE9 */ - -o-transform: translate3d(0,-100px,0); /* Opera */ - transform: translate3d(0,-100px,0); + -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */ + -moz-transform: translate3d(0,100px,0); /* Firefox */ + -ms-transform: translate3d(0,100px,0); /* IE9 */ + -o-transform: translate3d(0,100px,0); /* Opera */ + transform: translate3d(0,100px,0); }