Browse Source

Add new transitions (blur, flash, burn, negative)

Jay Salvat 10 năm trước cách đây
mục cha
commit
5b15abc4e8
6 tập tin đã thay đổi với 155 bổ sung8 xóa
  1. 82 0
      dist/vegas.css
  2. 1 1
      dist/vegas.js
  3. 0 0
      dist/vegas.min.css
  4. 1 1
      dist/vegas.min.js
  5. 0 6
      gulpfile.js
  6. 71 0
      src/vegas.css

+ 82 - 0
dist/vegas.css

@@ -93,6 +93,88 @@ body.vegas-container {
     opacity: 0;
 }
 
+/* blur */
+.vegas-transition-blur,
+.vegas-transition-blur2 {
+    opacity: 0;
+    -webkit-filter: blur(32px);
+            filter: blur(32px);
+}
+
+.vegas-transition-blur-in,
+.vegas-transition-blur2-in {
+    opacity: 1;
+    -webkit-filter: blur(0px);
+            filter: blur(0px);
+}
+
+.vegas-transition-blur2-out {
+    opacity: 0;
+}
+
+/* flash */
+.vegas-transition-flash,
+.vegas-transition-flash2 {
+    opacity: 0;
+    -webkit-filter: brightness(25);
+            filter: brightness(25);
+}
+
+.vegas-transition-flash-in,
+.vegas-transition-flash2-in {
+    opacity: 1;
+    -webkit-filter: brightness(1);
+            filter: brightness(1);
+}
+
+.vegas-transition-flash2-out {
+    opacity: 0;
+    -webkit-filter: brightness(25);
+            filter: brightness(25);
+}
+
+/* negative */
+.vegas-transition-negative,
+.vegas-transition-negative2 {
+    opacity: 0;
+    -webkit-filter: invert(100%);
+            filter: invert(100%);
+}
+
+.vegas-transition-negative-in,
+.vegas-transition-negative2-in {
+    opacity: 1;
+    -webkit-filter: invert(0);
+            filter: invert(0);
+}
+
+.vegas-transition-negative2-out {
+    opacity: 0;
+    -webkit-filter: invert(100%);
+            filter: invert(100%);
+}
+
+/* burn */
+.vegas-transition-burn,
+.vegas-transition-burn2 {
+    opacity: 0;
+    -webkit-filter: contrast(1000%) saturate(1000%);
+            filter: contrast(1000%) saturate(1000%);
+}
+
+.vegas-transition-burn-in,
+.vegas-transition-burn2-in {
+    opacity: 1;
+    -webkit-filter: contrast(100%) saturate(100%);
+            filter: contrast(100%) saturate(100%);
+}
+
+.vegas-transition-burn2-out {
+    opacity: 0;
+    -webkit-filter: contrast(1000%) saturate(1000%);
+            filter: contrast(1000%) saturate(1000%);
+}
+
 /* slideLeft */
 .vegas-transition-slideLeft,
 .vegas-transition-slideLeft2 {

+ 1 - 1
dist/vegas.js

@@ -1,6 +1,6 @@
 /*!-----------------------------------------------------------------------------
  * Vegas - Fullscreen Backgrounds and Slideshows.
- * v2.0.0-wip - built 2015-02-19
+ * v2.0.0-wip - built 2015-02-20
  * Licensed under the MIT License.
  * http://vegas.jaysalvat.com/
  * ----------------------------------------------------------------------------

Những thai đổi đã bị hủy bỏ vì nó quá lớn
+ 0 - 0
dist/vegas.min.css


+ 1 - 1
dist/vegas.min.js

@@ -1,6 +1,6 @@
 /*!-----------------------------------------------------------------------------
  * Vegas - Fullscreen Backgrounds and Slideshows.
- * v2.0.0-wip - built 2015-02-19
+ * v2.0.0-wip - built 2015-02-20
  * Licensed under the MIT License.
  * http://vegas.jaysalvat.com/
  * ----------------------------------------------------------------------------

+ 0 - 6
gulpfile.js

@@ -183,12 +183,6 @@
             .pipe(gulp.dest('./dist'));
     });
 
-    gulp.task('autoprefixer-src', function () {
-        return gulp.src('./src/**/*.css')
-            .pipe(prefixer())
-            .pipe(gulp.dest('./src'));
-    });
-
     gulp.task('uglify', function () {
         return gulp.src('./dist/**/!(*.min.js).js')
             .pipe(rename({ suffix: '.min' }))

+ 71 - 0
src/vegas.css

@@ -91,6 +91,77 @@ body.vegas-container {
     opacity: 0;
 }
 
+/* blur */
+.vegas-transition-blur,
+.vegas-transition-blur2 {
+    opacity: 0;
+    filter: blur(32px);
+}
+
+.vegas-transition-blur-in,
+.vegas-transition-blur2-in {
+    opacity: 1;
+    filter: blur(0px);
+}
+
+.vegas-transition-blur2-out {
+    opacity: 0;
+}
+
+/* flash */
+.vegas-transition-flash,
+.vegas-transition-flash2 {
+    opacity: 0;
+    filter: brightness(25);
+}
+
+.vegas-transition-flash-in,
+.vegas-transition-flash2-in {
+    opacity: 1;
+    filter: brightness(1);
+}
+
+.vegas-transition-flash2-out {
+    opacity: 0;
+    filter: brightness(25);
+}
+
+/* negative */
+.vegas-transition-negative,
+.vegas-transition-negative2 {
+    opacity: 0;
+    filter: invert(100%);
+}
+
+.vegas-transition-negative-in,
+.vegas-transition-negative2-in {
+    opacity: 1;
+    filter: invert(0);
+}
+
+.vegas-transition-negative2-out {
+    opacity: 0;
+    filter: invert(100%);
+}
+
+/* burn */
+.vegas-transition-burn,
+.vegas-transition-burn2 {
+    opacity: 0;
+    filter: contrast(1000%) saturate(1000%);
+}
+
+.vegas-transition-burn-in,
+.vegas-transition-burn2-in {
+    opacity: 1;
+    filter: contrast(100%) saturate(100%);
+}
+
+.vegas-transition-burn2-out {
+    opacity: 0;
+    filter: contrast(1000%) saturate(1000%);
+}
+
 /* slideLeft */
 .vegas-transition-slideLeft,
 .vegas-transition-slideLeft2 {

Một số tệp đã không được hiển thị bởi vì quá nhiều tập tin thay đổi trong này khác