diff --git a/js/flux.js b/js/flux.js
index 39eb05b..eb6267c 100644
--- a/js/flux.js
+++ b/js/flux.js
@@ -488,8 +488,8 @@ window.flux = {
 		},
 		supportsCSSProperty: function(prop) {
 			var div = document.createElement('div'),
-				prefixes = ['-webkit', '-moz', '-o', '-ms'],
-				domPrefixes = ['Webkit', 'Moz', 'O', 'Ms'];
+				prefixes = ['', '-webkit', '-moz', '-o', '-ms'],
+				domPrefixes = ['', 'Webkit', 'Moz', 'O', 'Ms'];
 				
 			var support = false;
 			for(var i=0; i<domPrefixes.length; i++)
@@ -1507,6 +1507,18 @@ window.flux = {
 	flux.transitions.swipe = function(fluxslider, opts) {
 		return new flux.transition(fluxslider, $.extend({
 			setup: function() {
+				var svgmask = $('<svg id="svgmask" xmlns="http://www.w3.org/2000/svg" height="0px">' +
+					'<linearGradient id="myGradient" gradientTransform="translate(0,0)">' +
+						'<animateTransform attributeName="gradientTransform"' +
+								 'dur="1600ms" type="translate" from="-0.1 0" to="1.1 0" fill="freeze"/>' +
+						'<stop offset="0%" stop-color="white" stop-opacity="0"/>' +
+						'<stop offset="10%" stop-color="white"/>' +
+						'<stop offset="0%" stop-color="white"/>' +
+					'</linearGradient>' +
+					'<mask id="myMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">' +
+						'<rect fill="url(#myGradient)" x="0" y="0" width="1" height="1"/>' +
+					'</mask>' +
+				'</svg>');
 				var img = $('<div></div>').css({
 					width: '100%',
 					height: '100%',
@@ -1521,6 +1533,7 @@ window.flux = {
 				});
 				
 				this.slider.image1.append(img);
+				this.slider.image1.append(svgmask);
 			},
 			execute: function() {
 				//return;
@@ -1530,16 +1543,25 @@ window.flux = {
 				// Get notified when the last transition has completed
 				$(img).transitionEnd(function(){
 					_this.finished();
-				});
+				}).get()[0].addEventListener('end', function() {
+					_this.finished();
+				}, false);
 
 				setTimeout(function(){
-					$(img).css3({
-						'mask-position': '30%'
-					});
+					if (flux.browser.supportsCSSProperty('MaskImage')) {
+						$(img).css3({
+							'mask-position': '30%'
+						});
+					} else if (flux.browser.supportsCSSProperty('mask')) {
+						$(img).css3({
+							'mask': 'url(#myMask)'
+						});
+					}
 				}, 50);
 			},
 			compatibilityCheck: function() {
-				return flux.browser.supportsCSSProperty('MaskImage');
+				return flux.browser.supportsCSSProperty('MaskImage') ||
+				       flux.browser.supportsCSSProperty('mask');
 			}
 		}, opts));
 	};
diff --git a/js/flux.min.js b/js/flux.min.js
index 985699f..a3fdc7c 100644
--- a/js/flux.min.js
+++ b/js/flux.min.js
@@ -22,9 +22,9 @@ this.getImage(this.nextImageIndex).src+'")',"z-index":100}).show();if(this.optio
 {fallback:true})}a.run();this.currentImageIndex=this.nextImageIndex;this.setNextIndex(this.currentImageIndex+1);this.updateCaption()},updateCaption:function(){var c=b(this.getImage(this.currentImageIndex)).attr("title");if(this.options.captions&&this.captionBar){c!==""&&this.captionBar.html(c);this.captionBar.css("opacity",c===""?0:1)}},getImage:function(c){c%=this.images.length;return this.images[c]},setNextIndex:function(c){if(c==undefined)c=this.currentImageIndex+1;this.nextImageIndex=c;if(this.nextImageIndex>
 this.images.length-1)this.nextImageIndex=0;if(this.nextImageIndex<0)this.nextImageIndex=this.images.length-1},increment:function(){this.currentImageIndex++;if(this.currentImageIndex>this.images.length-1)this.currentImageIndex=0}}})(window.jQuery||window.Zepto);
 (function(b){flux.browser={init:function(){if(flux.browser.supportsTransitions===undefined){document.createElement("div");var c=["-webkit","-moz","-o","-ms"];flux.browser.supportsTransitions=window.Modernizr&&Modernizr.csstransitions!==undefined?Modernizr.csstransitions:this.supportsCSSProperty("Transition");if(window.Modernizr&&Modernizr.csstransforms3d!==undefined)flux.browser.supports3d=Modernizr.csstransforms3d;else{flux.browser.supports3d=this.supportsCSSProperty("Perspective");if(flux.browser.supports3d&&
-"webkitPerspective"in b("body").get(0).style){var e=b('<div id="csstransform3d"></div>');c=b('<style media="(transform-3d), ('+c.join("-transform-3d),(")+'-transform-3d)">div#csstransform3d { position: absolute; left: 9px }</style>');b("body").append(e);b("head").append(c);flux.browser.supports3d=e.get(0).offsetLeft==9;e.remove();c.remove()}}}},supportsCSSProperty:function(c){for(var e=document.createElement("div"),a=["Webkit","Moz","O","Ms"],d=false,f=0;f<a.length;f++)if(a[f]+c in e.style)d=d||true;
-return d},translate:function(c,e,a){c=c!=undefined?c:0;e=e!=undefined?e:0;a=a!=undefined?a:0;return"translate"+(flux.browser.supports3d?"3d(":"(")+c+"px,"+e+(flux.browser.supports3d?"px,"+a+"px)":"px)")},rotateX:function(c){return flux.browser.rotate("x",c)},rotateY:function(c){return flux.browser.rotate("y",c)},rotateZ:function(c){return flux.browser.rotate("z",c)},rotate:function(c,e){if(!c in{x:"",y:"",z:""})c="z";e=e!=undefined?e:0;return flux.browser.supports3d?"rotate3d("+(c=="x"?"1":"0")+", "+
-(c=="y"?"1":"0")+", "+(c=="z"?"1":"0")+", "+e+"deg)":c=="z"?"rotate("+e+"deg)":""}};b(function(){flux.browser.init()})})(window.jQuery||window.Zepto);
+"webkitPerspective"in b("body").get(0).style){var e=b('<div id="csstransform3d"></div>');c=b('<style media="(transform-3d), ('+c.join("-transform-3d),(")+'-transform-3d)">div#csstransform3d { position: absolute; left: 9px }</style>');b("body").append(e);b("head").append(c);flux.browser.supports3d=e.get(0).offsetLeft==9;e.remove();c.remove()}}}},supportsCSSProperty:function(c){for(var e=document.createElement("div"),a=["","Webkit","Moz","O","Ms"],d=false,f=0;f<a.length;f++)if(a[f]+c in e.style)d=d||
+true;return d},translate:function(c,e,a){c=c!=undefined?c:0;e=e!=undefined?e:0;a=a!=undefined?a:0;return"translate"+(flux.browser.supports3d?"3d(":"(")+c+"px,"+e+(flux.browser.supports3d?"px,"+a+"px)":"px)")},rotateX:function(c){return flux.browser.rotate("x",c)},rotateY:function(c){return flux.browser.rotate("y",c)},rotateZ:function(c){return flux.browser.rotate("z",c)},rotate:function(c,e){if(!c in{x:"",y:"",z:""})c="z";e=e!=undefined?e:0;return flux.browser.supports3d?"rotate3d("+(c=="x"?"1":"0")+
+", "+(c=="y"?"1":"0")+", "+(c=="z"?"1":"0")+", "+e+"deg)":c=="z"?"rotate("+e+"deg)":""}};b(function(){flux.browser.init()})})(window.jQuery||window.Zepto);
 (function(b){b.fn.css3=function(c){var e={},a=["webkit","moz","ms","o"],d;for(d in c){for(var f=0;f<a.length;f++)e["-"+a[f]+"-"+d]=c[d];e[d]=c[d]}this.css(e);return this};b.fn.transitionEnd=function(c){for(var e=["webkitTransitionEnd","transitionend","oTransitionEnd"],a=0;a<e.length;a++)this.bind(e[a],function(d){for(var f=0;f<e.length;f++)b(this).unbind(e[f]);c&&c.call(this,d)});return this};flux.transition=function(c,e){this.options=b.extend({requires3d:false,after:function(){}},e);this.slider=
 c;if(this.options.requires3d&&!flux.browser.supports3d||!flux.browser.supportsTransitions||this.options.fallback===true){var a=this;this.options.after=undefined;this.options.setup=function(){a.fallbackSetup()};this.options.execute=function(){a.fallbackExecute()}}};flux.transition.prototype={constructor:flux.transition,hasFinished:false,run:function(){var c=this;this.options.setup!==undefined&&this.options.setup.call(this);this.slider.image1.css({"background-image":"none"});this.slider.imageContainer.css("overflow",
 this.options.requires3d?"visible":"hidden");setTimeout(function(){c.options.execute!==undefined&&c.options.execute.call(c)},5)},finished:function(){if(!this.hasFinished){this.hasFinished=true;this.options.after&&this.options.after.call(this);this.slider.imageContainer.css("overflow","hidden");this.slider.setupImages();this.slider.element.trigger("fluxTransitionEnd",{currentImage:this.slider.getImage(this.slider.currentImageIndex)})}},fallbackSetup:function(){},fallbackExecute:function(){this.finished()}};
@@ -63,7 +63,8 @@ setTimeout(function(){a.slider.image1.find("div.tab").css3({transform:flux.brows
 (function(b){flux.transitions.slide=function(c,e){return new flux.transition(c,b.extend({direction:"left",setup:function(){var a=this.slider.image1.width(),d=this.slider.image1.height(),f=b('<div class="current"></div>').css({height:d+"px",width:a+"px",position:"absolute",top:"0px",left:"0px",background:this.slider[this.options.direction=="left"?"image1":"image2"].css("background-image")}).css3({"backface-visibility":"hidden"}),g=b('<div class="next"></div>').css({height:d+"px",width:a+"px",position:"absolute",
 top:"0px",left:a+"px",background:this.slider[this.options.direction=="left"?"image2":"image1"].css("background-image")}).css3({"backface-visibility":"hidden"});this.slideContainer=b('<div class="slide"></div>').css({width:2*a+"px",height:d+"px",position:"relative",left:this.options.direction=="left"?"0px":-a+"px","z-index":101}).css3({"transition-duration":"600ms","transition-timing-function":"ease-in","transition-property":"all"});this.slideContainer.append(f).append(g);this.slider.image1.append(this.slideContainer)},
 execute:function(){var a=this,d=this.slider.image1.width();if(this.options.direction=="left")d=-d;this.slideContainer.transitionEnd(function(){a.finished()});setTimeout(function(){a.slideContainer.css3({transform:flux.browser.translate(d)})},50)}},e))}})(window.jQuery||window.Zepto);
-(function(b){flux.transitions.swipe=function(c,e){return new flux.transition(c,b.extend({setup:function(){this.slider.image1.append(b("<div></div>").css({width:"100%",height:"100%","background-image":this.slider.image1.css("background-image")}).css3({"transition-duration":"1600ms","transition-timing-function":"ease-in","transition-property":"all","mask-image":"-webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%)","mask-position":"70%","mask-size":"400%"}))},
-execute:function(){var a=this,d=this.slider.image1.find("div");b(d).transitionEnd(function(){a.finished()});setTimeout(function(){b(d).css3({"mask-position":"30%"})},50)},compatibilityCheck:function(){return flux.browser.supportsCSSProperty("MaskImage")}},e))}})(window.jQuery||window.Zepto);
+(function(b){flux.transitions.swipe=function(c,e){return new flux.transition(c,b.extend({setup:function(){var a=b('<svg id="svgmask" xmlns="http://www.w3.org/2000/svg" height="0px"><linearGradient id="myGradient" gradientTransform="translate(0,0)"><animateTransform attributeName="gradientTransform"dur="1600ms" type="translate" from="-0.1 0" to="1.1 0" fill="freeze"/><stop offset="0%" stop-color="white" stop-opacity="0"/><stop offset="10%" stop-color="white"/><stop offset="0%" stop-color="white"/></linearGradient><mask id="myMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox"><rect fill="url(#myGradient)" x="0" y="0" width="1" height="1"/></mask></svg>');this.slider.image1.append(b("<div></div>").css({width:"100%",
+height:"100%","background-image":this.slider.image1.css("background-image")}).css3({"transition-duration":"1600ms","transition-timing-function":"ease-in","transition-property":"all","mask-image":"-webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 48%, rgba(0,0,0,1) 52%, rgba(0,0,0,1) 100%)","mask-position":"70%","mask-size":"400%"}));this.slider.image1.append(a)},execute:function(){var a=this,d=this.slider.image1.find("div");b(d).transitionEnd(function(){a.finished()}).get()[0].addEventListener("end",
+function(){a.finished()},false);setTimeout(function(){if(flux.browser.supportsCSSProperty("MaskImage"))b(d).css3({"mask-position":"30%"});else flux.browser.supportsCSSProperty("mask")&&b(d).css3({mask:"url(#myMask)"})},50)},compatibilityCheck:function(){return flux.browser.supportsCSSProperty("MaskImage")||flux.browser.supportsCSSProperty("mask")}},e))}})(window.jQuery||window.Zepto);
 (function(b){flux.transitions.dissolve=function(c,e){return new flux.transition(c,b.extend({setup:function(){this.slider.image1.append(b('<div class="image"></div>').css({width:"100%",height:"100%","background-image":this.slider.image1.css("background-image")}).css3({"transition-duration":"600ms","transition-timing-function":"ease-in","transition-property":"opacity"}))},execute:function(){var a=this,d=this.slider.image1.find("div.image");b(d).transitionEnd(function(){a.finished()});setTimeout(function(){b(d).css({opacity:"0.0"})},
 50)}},e))}})(window.jQuery||window.Zepto);
diff --git a/js/src/flux.browser.js b/js/src/flux.browser.js
index baca68a..1edb1f3 100644
--- a/js/src/flux.browser.js
+++ b/js/src/flux.browser.js
@@ -48,8 +48,8 @@
 		},
 		supportsCSSProperty: function(prop) {
 			var div = document.createElement('div'),
-				prefixes = ['-webkit', '-moz', '-o', '-ms'],
-				domPrefixes = ['Webkit', 'Moz', 'O', 'Ms'];
+				prefixes = ['', '-webkit', '-moz', '-o', '-ms'],
+				domPrefixes = ['', 'Webkit', 'Moz', 'O', 'Ms'];
 				
 			var support = false;
 			for(var i=0; i<domPrefixes.length; i++)
diff --git a/js/src/flux.transitions.swipe.js b/js/src/flux.transitions.swipe.js
index 5715bee..96d6e61 100644
--- a/js/src/flux.transitions.swipe.js
+++ b/js/src/flux.transitions.swipe.js
@@ -2,6 +2,18 @@
 	flux.transitions.swipe = function(fluxslider, opts) {
 		return new flux.transition(fluxslider, $.extend({
 			setup: function() {
+				var svgmask = $('<svg id="svgmask" xmlns="http://www.w3.org/2000/svg" height="0px">' +
+					'<linearGradient id="myGradient" gradientTransform="translate(0,0)">' +
+						'<animateTransform attributeName="gradientTransform"' +
+								 'dur="1600ms" type="translate" from="-0.1 0" to="1.1 0" fill="freeze"/>' +
+						'<stop offset="0%" stop-color="white" stop-opacity="0"/>' +
+						'<stop offset="10%" stop-color="white"/>' +
+						'<stop offset="0%" stop-color="white"/>' +
+					'</linearGradient>' +
+					'<mask id="myMask" maskUnits="objectBoundingBox" maskContentUnits="objectBoundingBox">' +
+						'<rect fill="url(#myGradient)" x="0" y="0" width="1" height="1"/>' +
+					'</mask>' +
+				'</svg>');
 				var img = $('<div></div>').css({
 					width: '100%',
 					height: '100%',
@@ -16,6 +28,7 @@
 				});
 				
 				this.slider.image1.append(img);
+				this.slider.image1.append(svgmask);
 			},
 			execute: function() {
 				//return;
@@ -25,16 +38,25 @@
 				// Get notified when the last transition has completed
 				$(img).transitionEnd(function(){
 					_this.finished();
-				});
+				}).get()[0].addEventListener('end', function() {
+					_this.finished();
+				}, false);
 
 				setTimeout(function(){
-					$(img).css3({
-						'mask-position': '30%'
-					});
+					if (flux.browser.supportsCSSProperty('MaskImage')) {
+						$(img).css3({
+							'mask-position': '30%'
+						});
+					} else if (flux.browser.supportsCSSProperty('mask')) {
+						$(img).css3({
+							'mask': 'url(#myMask)'
+						});
+					}
 				}, 50);
 			},
 			compatibilityCheck: function() {
-				return flux.browser.supportsCSSProperty('MaskImage');
+				return flux.browser.supportsCSSProperty('MaskImage') ||
+				       flux.browser.supportsCSSProperty('mask');
 			}
 		}, opts));
 	};