diff --git a/css/style.css b/css/style.css index b5a9752..a84d6a4 100644 --- a/css/style.css +++ b/css/style.css @@ -8,7 +8,7 @@ -webkit-transform: translate(0, 10vh); -o-transform: translate(0, 10vh); transform: translate(0, 10vh); } - 20% { + 50% { -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; @@ -37,7 +37,7 @@ -webkit-transform: translate(0, 10vh); -o-transform: translate(0, 10vh); transform: translate(0, 10vh); } - 20% { + 50% { -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; @@ -66,7 +66,7 @@ -webkit-transform: translate(0, 10vh); -o-transform: translate(0, 10vh); transform: translate(0, 10vh); } - 20% { + 50% { -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; @@ -95,7 +95,7 @@ -webkit-transform: translate(0, 10vh); -o-transform: translate(0, 10vh); transform: translate(0, 10vh); } - 20% { + 50% { -moz-opacity: 0; -webkit-opacity: 0; -o-opacity: 0; @@ -334,10 +334,10 @@ body { font-weight: normal; } #scrollprompt { - -moz-animation: 2s ease fadeIn; - -webkit-animation: 2s ease fadeIn; - -o-animation: 2s ease fadeIn; - animation: 2s ease fadeIn; + -moz-animation: 3s ease fadeIn; + -webkit-animation: 3s ease fadeIn; + -o-animation: 3s ease fadeIn; + animation: 3s ease fadeIn; color: #91EFFF; } @media (max-width: 800px) { diff --git a/sass/animations.scss b/sass/animations.scss index de1f465..8477051 100644 --- a/sass/animations.scss +++ b/sass/animations.scss @@ -32,7 +32,7 @@ $prefixes: ("-moz-", "-webkit-", "-o-", ""); @include prefix(opacity, 0); @include prefix(transform, translate(0, 10vh)); } - 20% { + 50% { @include prefix(opacity, 0); @include prefix(transform, translate(0, 10vh)); } diff --git a/sass/style.scss b/sass/style.scss index f15b9dd..f5eec91 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -291,7 +291,7 @@ #scrollprompt { // @include prefix(animation, 1s 1.1s 1 prompt) - @include prefix(animation, 2s ease fadeIn); + @include prefix(animation, 3s ease fadeIn); color: $blue; // font-style: italic; }