chuckdries/Personal-Website
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Animation change

Browse Source
This commit is contained in:
Chuck Dries 2017-11-16 20:21:01 -07:00
parent 5a5cc66ace
commit 633502ed28
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
css/style.css
View File

@ -8,7 +8,7 @@
-webkit-transform: translate(0, 10vh); -webkit-transform: translate(0, 10vh);
-o-transform: translate(0, 10vh); -o-transform: translate(0, 10vh);
transform: translate(0, 10vh); } transform: translate(0, 10vh); }
20% { 50% {
-moz-opacity: 0; -moz-opacity: 0;
-webkit-opacity: 0; -webkit-opacity: 0;
-o-opacity: 0; -o-opacity: 0;
@ -37,7 +37,7 @@
-webkit-transform: translate(0, 10vh); -webkit-transform: translate(0, 10vh);
-o-transform: translate(0, 10vh); -o-transform: translate(0, 10vh);
transform: translate(0, 10vh); } transform: translate(0, 10vh); }
20% { 50% {
-moz-opacity: 0; -moz-opacity: 0;
-webkit-opacity: 0; -webkit-opacity: 0;
-o-opacity: 0; -o-opacity: 0;
@ -66,7 +66,7 @@
-webkit-transform: translate(0, 10vh); -webkit-transform: translate(0, 10vh);
-o-transform: translate(0, 10vh); -o-transform: translate(0, 10vh);
transform: translate(0, 10vh); } transform: translate(0, 10vh); }
20% { 50% {
-moz-opacity: 0; -moz-opacity: 0;
-webkit-opacity: 0; -webkit-opacity: 0;
-o-opacity: 0; -o-opacity: 0;
@ -95,7 +95,7 @@
-webkit-transform: translate(0, 10vh); -webkit-transform: translate(0, 10vh);
-o-transform: translate(0, 10vh); -o-transform: translate(0, 10vh);
transform: translate(0, 10vh); } transform: translate(0, 10vh); }
20% { 50% {
-moz-opacity: 0; -moz-opacity: 0;
-webkit-opacity: 0; -webkit-opacity: 0;
-o-opacity: 0; -o-opacity: 0;
@ -334,10 +334,10 @@ body {
font-weight: normal; } font-weight: normal; }
#scrollprompt { #scrollprompt {
-moz-animation: 2s ease fadeIn; -moz-animation: 3s ease fadeIn;
-webkit-animation: 2s ease fadeIn; -webkit-animation: 3s ease fadeIn;
-o-animation: 2s ease fadeIn; -o-animation: 3s ease fadeIn;
animation: 2s ease fadeIn; animation: 3s ease fadeIn;
color: #91EFFF; } color: #91EFFF; }
@media (max-width: 800px) { @media (max-width: 800px) {

2
sass/animations.scss
View File

@ -32,7 +32,7 @@ $prefixes: ("-moz-", "-webkit-", "-o-", "");
@include prefix(opacity, 0); @include prefix(opacity, 0);
@include prefix(transform, translate(0, 10vh)); @include prefix(transform, translate(0, 10vh));
} }
20% { 50% {
@include prefix(opacity, 0); @include prefix(opacity, 0);
@include prefix(transform, translate(0, 10vh)); @include prefix(transform, translate(0, 10vh));
} }

2
sass/style.scss
View File

@ -291,7 +291,7 @@
#scrollprompt { #scrollprompt {
// @include prefix(animation, 1s 1.1s 1 prompt) // @include prefix(animation, 1s 1.1s 1 prompt)
@include prefix(animation, 2s ease fadeIn); @include prefix(animation, 3s ease fadeIn);
color: $blue; color: $blue;
// font-style: italic; // font-style: italic;
} }