adjust scroll-effect-module.css

Author: yama-dev

example/scroll-effect-module.css renamed to examples/scroll-effect-module.css

@@ -1,5 +1,5 @@
 /*!
- * js-scroll-effect-module JavaScript Library v0.1.4
+ * js-scroll-effect-module JavaScript Library v0.2.0
  * https://github.com/yama-dev/js-scroll-effect-module
  * Copyright yama-dev
  * Licensed under the MIT license.
@@ -18,27 +18,27 @@
  */
 /*!
  * Set Effects
- * -> effect__fadein-basic
- * -> effect__fadein-top
- * -> effect__fadein-bottom
- * -> effect__fadein-left
- * -> effect__fadein-right
- * -> effect__fadein-zoomin
- * -> effect__spinin
+ * -> js-scroll__fadein-basic
+ * -> js-scroll__fadein-top
+ * -> js-scroll__fadein-bottom
+ * -> js-scroll__fadein-left
+ * -> js-scroll__fadein-right
+ * -> js-scroll__fadein-zoomin
+ * -> js-scroll__spinin
  */
-.effect__fadein-basic {
+.js-scroll__fadein-basic {
   opacity: 0;
   -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
   transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-basic.is-active {
+.js-scroll__fadein-basic.is-active {
   opacity: 1;
   -webkit-transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
   transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-zoomin {
+.js-scroll__fadein-zoomin {
   opacity: 0;
   -webkit-transform: scale(0.99);
           transform: scale(0.99);
@@ -50,7 +50,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-zoomin.is-active {
+.js-scroll__fadein-zoomin.is-active {
   opacity: 1;
   -webkit-transform: scale(1);
           transform: scale(1);
@@ -62,7 +62,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-top {
+.js-scroll__fadein-top {
   opacity: 0;
   -webkit-transform: translate(0, -30px);
           transform: translate(0, -30px);
@@ -74,7 +74,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-top.is-active {
+.js-scroll__fadein-top.is-active {
   opacity: 1;
   -webkit-transform: translate(0, 0);
           transform: translate(0, 0);
@@ -86,7 +86,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-bottom {
+.js-scroll__fadein-bottom {
   opacity: 0;
   -webkit-transform: translate(0, 30px);
           transform: translate(0, 30px);
@@ -98,7 +98,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-bottom.is-active {
+.js-scroll__fadein-bottom.is-active {
   opacity: 1;
   -webkit-transform: translate(0, 0);
           transform: translate(0, 0);
@@ -110,7 +110,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-left {
+.js-scroll__fadein-left {
   opacity: 0;
   -webkit-transform: translate(-80%, 0);
           transform: translate(-80%, 0);
@@ -122,7 +122,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-left.is-active {
+.js-scroll__fadein-left.is-active {
   opacity: 1;
   -webkit-transform: translate(0, 0);
           transform: translate(0, 0);
@@ -134,7 +134,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-right {
+.js-scroll__fadein-right {
   opacity: 0;
   -webkit-transform: translate(80%, 0);
           transform: translate(80%, 0);
@@ -146,7 +146,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__fadein-right.is-active {
+.js-scroll__fadein-right.is-active {
   opacity: 1;
   -webkit-transform: translate(0, 0);
           transform: translate(0, 0);
@@ -158,7 +158,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__spinin {
+.js-scroll__spinin {
   opacity: 0;
   -webkit-transform: translate(0, 0) rotate3d(1, 0, 1, -720deg);
           transform: translate(0, 0) rotate3d(1, 0, 1, -720deg);
@@ -170,7 +170,7 @@
   transition: all 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
 }
 
-.effect__spinin.is-active {
+.js-scroll__spinin.is-active {
   opacity: 1;
   -webkit-transform: translate(0, 0) rotate3d(1, 0, 1, 0);
           transform: translate(0, 0) rotate3d(1, 0, 1, 0);