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

2
sass/animations.scss
View File

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

2
sass/style.scss
View File

@ -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;
}