Explicitly specify opacity:1 for cross-browser support

geoffgraham · Oct 22, 2015 · 337ba3f · 337ba3f
1 parent 23a9373
commit 337ba3f
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 20 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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));
  }
 }