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 {
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);
}