me/portfolio
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix cookie notice animation

Browse Source
This commit is contained in:
Matthew Grove
2018-11-17 17:13:57 +00:00
parent 75127de1a1
commit ebf9d84850
1 changed files with 25 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
assets/global.css
View File

@@ -92,11 +92,11 @@ body {
@keyframes cookies { @keyframes cookies {
0% { 0% {
opacity: 0; opacity: 0;
-webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-moz-transform: translate3d(0,-100px,0); /* Firefox */ -moz-transform: translate3d(0,100px,0); /* Firefox */
-ms-transform: translate3d(0,-100px,0); /* IE9 */ -ms-transform: translate3d(0,100px,0); /* IE9 */
-o-transform: translate3d(0,-100px,0); /* Opera */ -o-transform: translate3d(0,100px,0); /* Opera */
transform: translate3d(0,-100px,0); transform: translate3d(0,100px,0);
} }
100% { 100% {
opacity: 1; opacity: 1;
@@ -109,11 +109,11 @@ body {
} }
@-webkit-keyframes cookies { @-webkit-keyframes cookies {
0% { 0% {
-webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-moz-transform: translate3d(0,-100px,0); /* Firefox */ -moz-transform: translate3d(0,100px,0); /* Firefox */
-ms-transform: translate3d(0,-100px,0); /* IE9 */ -ms-transform: translate3d(0,100px,0); /* IE9 */
-o-transform: translate3d(0,-100px,0); /* Opera */ -o-transform: translate3d(0,100px,0); /* Opera */
transform: translate3d(0,-100px,0); transform: translate3d(0,100px,0);
} }
100% { 100% {
-webkit-transform: translate3d(0,0,0); /* Safari & Chrome */ -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
@@ -125,11 +125,11 @@ body {
} }
@-moz-keyframes cookies { @-moz-keyframes cookies {
0% { 0% {
-webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-moz-transform: translate3d(0,-100px,0); /* Firefox */ -moz-transform: translate3d(0,100px,0); /* Firefox */
-ms-transform: translate3d(0,-100px,0); /* IE9 */ -ms-transform: translate3d(0,100px,0); /* IE9 */
-o-transform: translate3d(0,-100px,0); /* Opera */ -o-transform: translate3d(0,100px,0); /* Opera */
transform: translate3d(0,-100px,0); transform: translate3d(0,100px,0);
} }
100% { 100% {
-webkit-transform: translate3d(0,0,0); /* Safari & Chrome */ -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
@@ -141,11 +141,11 @@ body {
} }
@-o-keyframes cookies { @-o-keyframes cookies {
0% { 0% {
-webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-moz-transform: translate3d(0,-100px,0); /* Firefox */ -moz-transform: translate3d(0,100px,0); /* Firefox */
-ms-transform: translate3d(0,-100px,0); /* IE9 */ -ms-transform: translate3d(0,100px,0); /* IE9 */
-o-transform: translate3d(0,-100px,0); /* Opera */ -o-transform: translate3d(0,100px,0); /* Opera */
transform: translate3d(0,-100px,0); transform: translate3d(0,100px,0);
} }
100% { 100% {
-webkit-transform: translate3d(0,0,0); /* Safari & Chrome */ -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
@@ -163,9 +163,9 @@ body {
-o-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; transition: all 0.2s ease-out;
-webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */ -webkit-transform: translate3d(0,100px,0); /* Safari & Chrome */
-moz-transform: translate3d(0,-100px,0); /* Firefox */ -moz-transform: translate3d(0,100px,0); /* Firefox */
-ms-transform: translate3d(0,-100px,0); /* IE9 */ -ms-transform: translate3d(0,100px,0); /* IE9 */
-o-transform: translate3d(0,-100px,0); /* Opera */ -o-transform: translate3d(0,100px,0); /* Opera */
transform: translate3d(0,-100px,0); transform: translate3d(0,100px,0);
} }