From 337ba3fc94121f82f124bc4e2c5a0dfb5ddbd38c Mon Sep 17 00:00:00 2001 From: Matt Danna Date: Thu, 22 Oct 2015 12:11:58 -0700 Subject: [PATCH] Explicitly specify opacity:1 for cross-browser support --- _sliding-entrances/_slideInDown.scss | 11 ++++++----- _sliding-entrances/_slideInLeft.scss | 11 ++++++----- _sliding-entrances/_slideInRight.scss | 11 ++++++----- _sliding-entrances/_slideInUp.scss | 11 ++++++----- 4 files changed, 24 insertions(+), 20 deletions(-) diff --git a/_sliding-entrances/_slideInDown.scss b/_sliding-entrances/_slideInDown.scss index cd070fe..0740336 100644 --- a/_sliding-entrances/_slideInDown.scss +++ b/_sliding-entrances/_slideInDown.scss @@ -1,10 +1,11 @@ @include keyframes(slideInDown) { - 0% { - opacity: 0; - @include transform(translateY(-2000px)); + 0% { + opacity: 0; + @include transform(translateY(-2000px)); } - 100% { - @include transform(translateY(0)); + 100% { + opacity: 1; + @include transform(translateY(0)); } } diff --git a/_sliding-entrances/_slideInLeft.scss b/_sliding-entrances/_slideInLeft.scss index 264f90d..bd01652 100644 --- a/_sliding-entrances/_slideInLeft.scss +++ b/_sliding-entrances/_slideInLeft.scss @@ -1,10 +1,11 @@ @include keyframes(slideInLeft) { - 0% { - opacity: 0; - @include transform(translateX(-2000px)); + 0% { + opacity: 0; + @include transform(translateX(-2000px)); } - 100% { - @include transform(translateX(0)); + 100% { + opacity: 1; + @include transform(translateX(0)); } } diff --git a/_sliding-entrances/_slideInRight.scss b/_sliding-entrances/_slideInRight.scss index 225cb32..c00896d 100644 --- a/_sliding-entrances/_slideInRight.scss +++ b/_sliding-entrances/_slideInRight.scss @@ -1,10 +1,11 @@ @include keyframes(slideInRight) { - 0% { - opacity: 0; - @include transform(translateX(2000px)); + 0% { + opacity: 0; + @include transform(translateX(2000px)); } - 100% { - @include transform(translateX(0)); + 100% { + opacity: 1; + @include transform(translateX(0)); } } diff --git a/_sliding-entrances/_slideInUp.scss b/_sliding-entrances/_slideInUp.scss index 289a203..0003db0 100644 --- a/_sliding-entrances/_slideInUp.scss +++ b/_sliding-entrances/_slideInUp.scss @@ -1,10 +1,11 @@ @include keyframes(slideInUp) { - 0% { - opacity: 0; - @include transform(translateY(2000px)); + 0% { + opacity: 0; + @include transform(translateY(2000px)); } - 100% { - @include transform(translateY(0)); + 100% { + opacity: 1; + @include transform(translateY(0)); } }