diff --git a/README.md b/README.md
index ddcae78..a94da18 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # lax.js
 
-Simple & light weight (2kb minified & zipped) vanilla javascript plugin to create *smooth* & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!
+Simple & light weight (<2kb gzipped) vanilla javascript plugin to create *smooth* & beautiful animations when you scrolllll! Harness the power of the most intuitive interaction and make your websites come alive!
 
 [>>> DEMO <<<](https://alexfox.dev/laxxx/)
 
@@ -56,7 +56,7 @@ You can also call `lax.removeElement(domElement)` when the component unmounts.
 
 ## Presets
 
-The easiest way to get started is to use the presets via the `data-lax-preset` attribute. You can chain multiple presetes together for e.g. `data-lax-preset="blurOut fadeOut spin"`. Some presets also support an optional strength e.g. `data-lax-preset="blurOut-50"`
+The easiest way to get started is to use the presets via the `data-lax-preset` attribute. You can chain multiple presets together for e.g. `data-lax-preset="blurOut fadeOut spin"`. Some presets also support an optional strength e.g. `data-lax-preset="blurOut-50"`
 
 See the list of [Supported Presets](#supported-presets) for details.
 
@@ -130,7 +130,8 @@ You can also use vanilla JS within `( )` for calculations and access to more var
 | zoomInOut    	| 0.2 		|
 | zoomIn     	| 0.2 		|
 | zoomOut     	| 0.2 		|
-
+| swing     	| 30		|
+| speedy     	| 30 		|
 
 ## Supported Attribute Keys
 
@@ -162,6 +163,15 @@ Filters (note - these may be unperformant on low powered machines)
 | saturate     | data-lax-saturate |
 | grayscale     | data-lax-grayscale |
 
+Other
+
+| Filter     | Key           |
+| ------------- | ------------- |
+| background position | data-lax-bg-pos  |
+| background position-x | data-lax-bg-pos-x  |
+| background position-y | data-lax-bg-pos-y |
+
+
 ## Custom Presets
 To avoid duplicate code you can define your own presets with a list of attributes e.g.
 ```javascript
@@ -179,10 +189,15 @@ You can then access this preset like this:
 </p>
 ```
 
-## Notes
+## Performance Tips
+
+* Avoid nesting lax enabled elements within each other, you'll get better performance using lax with smaller elements in the dom tree.
+* Avoid transforms on large elements, e.g. full screen backgrounds.
+* By default elements that have opacity 0 aren't updated. You can either manually set up a `data-lax-opacity` to control this yourself or use `data-lax-optimize` which will set the elements opacity to 0 when it goes off -screen. 
+* By default `-webkit-backface-visibility: hidden;` is added to your elements style to encourage the browser to render that object as a layer on the GPU and increase performance. To turn this off add `data-lax-use-gpu="false"` to your element.
 
-### Performance
-By default `-webkit-backface-visibility: hidden;` is added to your elements style to encourage the browser to render that object as a layer on the GPU and increase performance. To turn this off add `lax-optimize="false"` to your element.
+
+## Notes
 
 ### Screen rotating & resizing 
 As some values (vh, vw, elh, elw) are calculated on load, when the screen size changes or rotates you might want to recalculate these. E.g.
@@ -194,13 +209,12 @@ window.addEventListener("resize", function() {
 Be warned, on mobile, a resize event is fired when you scroll and the toolbar is hidden so you might want to check if the width or orientation has changed.
 
 ### Scroll Wheels
-Scroll wheels only icrement the scroll position in steps which can cause the animations to look janky. You can use the SmoothScroll (http://www.smoothscroll.net/) plugin to smooth this out, however there maybe performance implications that need investigating.
+Scroll wheels only increment the scroll position in steps which can cause the animations to look janky. You can use the SmoothScroll (http://www.smoothscroll.net/) plugin to smooth this out, however there maybe performance implications that need investigating.
 
 ## To Do / Ideas
 * ~~Re-calculate values on rotate / change window size~~
 * Elastic bouncing values at edges of screen (if possible)
-* Optimise: Do not update elements with bounds that are off screen
+* ~~Optimise: Do not update elements with bounds that are off screen~~
 * Implement a tween for scroll wheels to remove reliance on smoothscroll
 * Add "momentum" option 
-* Move presets to lax-presets.js to reduce base library size
 
diff --git a/docs/img/button-bg.jpg b/docs/img/button-bg.jpg
new file mode 100644
index 0000000..5171646
Binary files /dev/null and b/docs/img/button-bg.jpg differ
diff --git a/docs/index.html b/docs/index.html
index 9042ece..bf36315 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -6,7 +6,7 @@
   <link href="https://fonts.googleapis.com/css?family=Montserrat:300,600,800" rel="stylesheet">
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
 
-  <script src="./lib/lax.min.js?v=1.0.4"></script>
+  <script src="./lib/lax.min.js"></script>
   <!-- <script src="../src/lax.js"></script> -->
 
   <script type="text/javascript">
@@ -183,10 +183,12 @@
     }
 
     .button {
-      padding: 10pt 20pt; 
-      background: #35D5E5;
+      padding: 10pt 50pt; 
+      background: url(img/button-bg.jpg);
+      background-size: 100pt;
       border-radius: 10pt;
       font-weight: 600;
+      color: black !important;
     }
 
     a {
@@ -194,12 +196,12 @@
     }
 
     a:visited {
-      color: white !important;
+      color: black !important;
     }
 
     .button:hover {
       background: white;
-      color: #35D5E5 !important;
+      color: black !important;
       cursor: pointer;
     }
 
@@ -210,8 +212,8 @@
 <body>
   <div id="main">
     <div id="header" class="section">
-      <img src="./img/l.png" style="width: 103pt; margin-left: 26pt; margin-bottom: -4pt;" data-lax-translate-x="0 0, vh 200" />
-      <img src="./img/a.png" data-lax-translate-x="0 0, vh -200" />
+      <img src="./img/l.png" style="width: 103pt; margin-left: 26pt; margin-bottom: -4pt;" data-lax-translate-x="0 0, vh 200" data-lax-optimize=true />
+      <img src="./img/a.png" data-lax-translate-x="0 0, vh -200" data-lax-optimize=true />
       <img src="./img/x.png" data-lax-opacity="0 1, (0.8*vh) 0" />
       <img src="./img/x.png" style="margin-top: -79pt" data-lax-translate-y="0 0, vh 200" data-lax-opacity="0 1, (0.8*vh) 0" />
       <img src="./img/x.png" style="margin-top: -79pt" data-lax-translate-y="0 0, vh 400" data-lax-opacity="0 1, (0.8*vh) 0" />
@@ -245,7 +247,7 @@ <h4 data-lax-opacity="0 1, (vh*0.05) 0">scroll down</h4>
           data-lax-preset="lazy-300"
         ></div>
 
-        <h3 data-lax-preset="driftRight" class="chunkyText" style="color: #35D5E5;">oooh!</h3>
+        <h3 data-lax-preset="driftRight" data-lax-optimize=true class="chunkyText" style="color: #35D5E5;">oooh!</h3>
       </div>
 
       <div class="right">
@@ -263,10 +265,10 @@ <h3 data-lax-preset="driftRight" class="chunkyText" style="color: #35D5E5;">oooh
             style="background: #ED2471; margin-left: 20pt; margin-top: 200pt"
             data-lax-preset="lazy-350"
           ></div>
-        <h3 data-lax-preset="driftLeft" class="chunkyText" style="color: #ED2471; margin-top: 200pt;">aaah!</h3>
+        <h3 data-lax-optimize=true data-lax-preset="driftLeft" class="chunkyText" style="color: #ED2471; margin-top: 200pt;">aaah!</h3>
       </div>
 
-      <h3 data-lax-preset="crazy zoomInOut" class="crazyText">sooo crazy</h3>
+      <h3 data-lax-preset="crazy zoomInOut" class="crazyText" data-lax-optimize=true>sooo crazy</h3>
     </div>
 
     <div id="section2" class="section">
@@ -312,7 +314,7 @@ <h3 data-lax-preset="crazy zoomInOut" class="crazyText">sooo crazy</h3>
         ></div>
       </div>
 
-      <h3 data-lax-preset="leftToRight-0.8 fadeInOut" class="chunkyText" style="
+      <h3 data-lax-preset="leftToRight-0.8 speedy" data-lax-optimize=true class="chunkyText" style="
         color: #white; position: absolute; margin-top: -20pt; margin-left: -100pt">
         wheee!
       </h3>
@@ -347,10 +349,10 @@ <h3 data-lax-preset="crazy zoomInOut" class="crazyText">sooo crazy</h3>
     </div>
 
     <div id="section3" class="section">
-      <p data-lax-preset="linger">
+      <p data-lax-preset="linger" data-lax-optimize=true>
         Harness the power of scrolling and make your websites come alive!
       </p>
-      <a class="button" data-lax-preset="linger" href="https://github.com/alexfoxy/laxxx">
+      <a class="button" data-lax-preset="linger" data-lax-optimize=true data-lax-bg-pos-x="0 0, 3000 1000" href="https://github.com/alexfoxy/laxxx">
         Get lax.js
       </a>
     </div>
diff --git a/docs/lib/lax.min.js b/docs/lib/lax.min.js
index 6c62426..abb99b4 100644
--- a/docs/lib/lax.min.js
+++ b/docs/lib/lax.min.js
@@ -1 +1 @@
-"use strict";!function(){var lax=function(){for(var lax={elements:[]},lastY=0,transforms={"data-lax-opacity":function(t,a){t.opacity=a},"data-lax-translate":function(t,a){t.transform+=" translate(".concat(a,"px, ").concat(a,"px)")},"data-lax-translate-x":function(t,a){t.transform+=" translateX(".concat(a,"px)")},"data-lax-translate-y":function(t,a){t.transform+=" translateY(".concat(a,"px)")},"data-lax-scale":function(t,a){t.transform+=" scale(".concat(a,")")},"data-lax-scale-x":function(t,a){t.transform+=" scaleX(".concat(a,")")},"data-lax-scale-y":function(t,a){t.transform+=" scaleY(".concat(a,")")},"data-lax-skew":function(t,a){t.transform+=" skew(".concat(a,"deg, ").concat(a,"deg)")},"data-lax-skew-x":function(t,a){t.transform+=" skewX(".concat(a,"deg)")},"data-lax-skew-y":function(t,a){t.transform+=" skewY(".concat(a,"deg)")},"data-lax-rotate":function(t,a){t.transform+=" rotate(".concat(a,"deg)")},"data-lax-brightness":function(t,a){t.filter+=" brightness(".concat(a,"%)")},"data-lax-contrast":function(t,a){t.filter+=" contrast(".concat(a,"%)")},"data-lax-hue-rotate":function(t,a){t.filter+=" hue-rotate(".concat(a,"deg)")},"data-lax-blur":function(t,a){t.filter+=" blur(".concat(a,"px)")},"data-lax-invert":function(t,a){t.filter+="  invert(".concat(a,"%)")},"data-lax-saturate":function(t,a){t.filter+="  saturate(".concat(a,"%)")},"data-lax-grayscale":function(t,a){t.filter+="  grayscale(".concat(a,"%)")}},_crazy="",i=0;i<100;i++)_crazy+=" "+window.innerHeight*(i/100)+" "+360*Math.random()+", ";function intrp(t,a){for(var e=0;t[e][0]<=a&&void 0!==t[e+1];)e+=1;var n=t[e][0],r=void 0===t[e-1]?n:t[e-1][0],l=t[e][1],o=void 0===t[e-1]?l:t[e-1][1];return Math.min(Math.max((a-r)/(n-r),0),1)*(l-o)+o}return lax.presets={linger:function(t){return{"data-lax-translate-y":"(vh*0.7) 0, 0 200, -500 0"}},lazy:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-y":"(vh) 0, (-elh) ".concat(t)}},eager:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-y":"(vh) 0, (-elh) -".concat(t)}},slalom:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:50;return{"data-lax-translate-x":"vh ".concat(t,", (vh*0.8) ").concat(-t,", (vh*0.6) ").concat(t,", (vh*0.4) ").concat(-t,", (vh*0.2) ").concat(t,", (vh*0) ").concat(-t,", (-elh) ").concat(t)}},crazy:function(t){return{"data-lax-hue-rotate":_crazy}},spin:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh) 0, (-elh) ".concat(t)}},spinRev:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh) 0, (-elh) ".concat(-t)}},spinIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"vh ".concat(t,", (vh*0.5) 0")}},spinOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh*0.5) 0, -elh ".concat(t)}},blurInOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh) ".concat(t,", (vh*0.8) 0, (vh*0.2) 0, 0 ").concat(t)}},blurIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh) ".concat(t,", (vh*0.7) 0")}},blurOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh*0.3) 0, 0 ".concat(t)}},fadeInOut:function(){return{"data-lax-opacity":"(vh) 0, (vh*0.8) 1, (vh*0.2) 1, 0 0"}},fadeIn:function(){return{"data-lax-opacity":"(vh) 0, (vh*0.7) 1"}},fadeOut:function(){return{"data-lax-opacity":"(vh*0.3) 1, 0 0"}},driftLeft:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-x":"vh ".concat(t,", -elh ").concat(-t)}},driftRight:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-x":"vh ".concat(-t,", -elh ").concat(t)}},leftToRight:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1;return{"data-lax-translate-x":"vh 0, -elh (vw*".concat(t,")")}},rightToLeft:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1;return{"data-lax-translate-x":"vh 0, -elh (vw*".concat(-t,")")}},zoomInOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh) ".concat(t,", (vh*0.8) 1, (vh*0.2) 1, -elh ").concat(t)}},zoomIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh) ".concat(t,", (vh*0.7) 1")}},zoomOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh*0.3) 1, -elh ".concat(t)}}},lax.addPreset=function(t,a){lax.presets[t]=a},lax.setup=function(t){lax.populateElements()},lax.removeElement=function(a){var t=this.elements.findIndex(function(t){return t.el=a});-1<t&&this.elements.splice(t,1)},lax.addElement=function(el){var o={el:el,transforms:[]},presetNames=el.attributes["data-lax-preset"]&&el.attributes["data-lax-preset"].value;presetNames&&(presetNames.split(" ").forEach(function(t){var a=t.split("-"),e=lax.presets[a[0]];if(e){var n=e(a[1]);for(var r in n)el.setAttribute(r,n[r])}else console.error("preset #{bits[0]} is not defined")}),el.setAttribute("data-lax-anchor","self"),el.attributes.removeNamedItem("data-lax-preset"));var optimise=!(el.attributes["data-lax-optimize"]&&"false"===el.attributes["data-lax-optimize"].value);optimise&&(el.style["-webkit-backface-visibility"]="hidden"),el.attributes["data-lax-optimize"]&&el.attributes.removeNamedItem("data-lax-optimize");for(var i=0;i<el.attributes.length;i++){var a=el.attributes[i],bits=a.name.split("-");if("lax"===bits[1])if("data-lax-anchor"===a.name){o["data-lax-anchor"]="self"===a.value?el:document.querySelector(a.value);var rect=o["data-lax-anchor"].getBoundingClientRect();o["data-lax-anchor-top"]=Math.floor(rect.top)+window.scrollY}else o.transforms[a.name]=a.value.replace(new RegExp("vw","g"),window.innerWidth).replace(new RegExp("vh","g"),window.innerHeight).replace(new RegExp("elh","g"),el.clientHeight).replace(new RegExp("elw","g"),el.clientWidth).replace(new RegExp("-vw","g"),-window.innerWidth).replace(new RegExp("-vh","g"),-window.innerHeight).replace(new RegExp("-elh","g"),-el.clientHeight).replace(new RegExp("-elw","g"),-el.clientWidth).replace(/\s+/g," ").split(",").map(function(x){return x.trim().split(" ").map(function(y){return"("===y[0]?eval(y):parseFloat(y)})}).sort(function(t,a){return t[0]-a[0]})}lax.elements.push(o),lax.updateElement(o)},lax.populateElements=function(){lax.elements=[];var t=Object.keys(transforms).map(function(t){return"[".concat(t,"]")}).join(",");t+=",[data-lax-preset]",document.querySelectorAll(t).forEach(this.addElement)},lax.updateElement=function(t){var a=lastY,e=t["data-lax-anchor-top"]?t["data-lax-anchor-top"]-a:a,n={transform:"",filter:""};for(var r in t.transforms){var l=t.transforms[r],o=transforms[r],c=intrp(l,e);if(!o)return void console.error("lax: "+r+" is not supported");o(n,c)}for(var i in n)0===n.opacity?t.el.style.opacity=0:t.el.style[i]=n[i]},lax.update=function(t){lastY=t,lax.elements.forEach(lax.updateElement)},lax}();"undefined"!=typeof module&&void 0!==module.exports?module.exports=lax:window.lax=lax}();
+"use strict";!function(){var lax=function(){for(var lax={elements:[]},lastY=0,transforms={"data-lax-opacity":function(t,a){t.opacity=a},"data-lax-translate":function(t,a){t.transform+=" translate(".concat(a,"px, ").concat(a,"px)")},"data-lax-translate-x":function(t,a){t.transform+=" translateX(".concat(a,"px)")},"data-lax-translate-y":function(t,a){t.transform+=" translateY(".concat(a,"px)")},"data-lax-scale":function(t,a){t.transform+=" scale(".concat(a,")")},"data-lax-scale-x":function(t,a){t.transform+=" scaleX(".concat(a,")")},"data-lax-scale-y":function(t,a){t.transform+=" scaleY(".concat(a,")")},"data-lax-skew":function(t,a){t.transform+=" skew(".concat(a,"deg, ").concat(a,"deg)")},"data-lax-skew-x":function(t,a){t.transform+=" skewX(".concat(a,"deg)")},"data-lax-skew-y":function(t,a){t.transform+=" skewY(".concat(a,"deg)")},"data-lax-rotate":function(t,a){t.transform+=" rotate(".concat(a,"deg)")},"data-lax-brightness":function(t,a){t.filter+=" brightness(".concat(a,"%)")},"data-lax-contrast":function(t,a){t.filter+=" contrast(".concat(a,"%)")},"data-lax-hue-rotate":function(t,a){t.filter+=" hue-rotate(".concat(a,"deg)")},"data-lax-blur":function(t,a){t.filter+=" blur(".concat(a,"px)")},"data-lax-invert":function(t,a){t.filter+="  invert(".concat(a,"%)")},"data-lax-saturate":function(t,a){t.filter+="  saturate(".concat(a,"%)")},"data-lax-grayscale":function(t,a){t.filter+="  grayscale(".concat(a,"%)")},"data-lax-bg-pos":function(t,a){t.backgroundPosition="".concat(a,"px ").concat(a,"px")},"data-lax-bg-pos-x":function(t,a){t.backgroundPositionX="".concat(a,"px")},"data-lax-bg-pos-y":function(t,a){t.backgroundPositionY="".concat(a,"px")}},_crazy="",i=0;i<100;i++)_crazy+=" "+window.innerHeight*(i/100)+" "+360*Math.random()+", ";function intrp(t,a){for(var e=0;t[e][0]<=a&&void 0!==t[e+1];)e+=1;var n=t[e][0],r=void 0===t[e-1]?n:t[e-1][0],o=t[e][1],l=void 0===t[e-1]?o:t[e-1][1];return Math.min(Math.max((a-r)/(n-r),0),1)*(o-l)+l}return lax.presets={linger:function(t){return{"data-lax-translate-y":"(vh*0.7) 0, 0 200, -500 0"}},lazy:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-y":"(vh) 0, (-elh) ".concat(t)}},eager:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-y":"(vh) 0, (-elh) -".concat(t)}},slalom:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:50;return{"data-lax-translate-x":"vh ".concat(t,", (vh*0.8) ").concat(-t,", (vh*0.6) ").concat(t,", (vh*0.4) ").concat(-t,", (vh*0.2) ").concat(t,", (vh*0) ").concat(-t,", (-elh) ").concat(t)}},crazy:function(t){return{"data-lax-hue-rotate":_crazy}},spin:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh) 0, (-elh) ".concat(t)}},spinRev:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh) 0, (-elh) ".concat(-t)}},spinIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"vh ".concat(t,", (vh*0.5) 0")}},spinOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh*0.5) 0, -elh ".concat(t)}},blurInOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh) ".concat(t,", (vh*0.8) 0, (vh*0.2) 0, 0 ").concat(t)}},blurIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh) ".concat(t,", (vh*0.7) 0")}},blurOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh*0.3) 0, 0 ".concat(t)}},fadeInOut:function(){return{"data-lax-opacity":"(vh) 0, (vh*0.8) 1, (vh*0.2) 1, 0 0"}},fadeIn:function(){return{"data-lax-opacity":"(vh) 0, (vh*0.7) 1"}},fadeOut:function(){return{"data-lax-opacity":"(vh*0.3) 1, 0 0"}},driftLeft:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-x":"vh ".concat(t,", -elh ").concat(-t)}},driftRight:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-x":"vh ".concat(-t,", -elh ").concat(t)}},leftToRight:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1;return{"data-lax-translate-x":"vh 0, -elh (vw*".concat(t,")")}},rightToLeft:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1;return{"data-lax-translate-x":"vh 0, -elh (vw*".concat(-t,")")}},zoomInOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh) ".concat(t,", (vh*0.8) 1, (vh*0.2) 1, -elh ").concat(t)}},zoomIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh) ".concat(t,", (vh*0.7) 1")}},zoomOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh*0.3) 1, -elh ".concat(t)}},speedy:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:30;return{"data-lax-skew-x":"(vh) ".concat(t,", -elh ").concat(-t)}},swing:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:30;return{"data-lax-skew-y":"(vh) ".concat(t,", -elh ").concat(-t)}}},lax.addPreset=function(t,a){lax.presets[t]=a},lax.setup=function(t){lax.populateElements()},lax.removeElement=function(a){var t=this.elements.findIndex(function(t){return t.el=a});-1<t&&this.elements.splice(t,1)},lax.addElement=function(el){var o={el:el,transforms:[]},presetNames=el.attributes["data-lax-preset"]&&el.attributes["data-lax-preset"].value;presetNames&&(presetNames.split(" ").forEach(function(t){var a=t.split("-"),e=lax.presets[a[0]];if(e){var n=e(a[1]);for(var r in n)el.setAttribute(r,n[r])}else console.error("preset ".concat(a[0]," is not defined"))}),el.setAttribute("data-lax-anchor","self"),el.attributes.removeNamedItem("data-lax-preset"));var useGpu=!(el.attributes["data-lax-use-gpu"]&&"false"===el.attributes["data-lax-use-gpu"].value);if(useGpu&&(el.style["-webkit-backface-visibility"]="hidden"),el.attributes["data-lax-use-gpu"]&&el.attributes.removeNamedItem("data-lax-use-gpu"),o.optimise=!1,el.attributes["data-lax-optimize"]&&"true"===el.attributes["data-lax-optimize"].value){o.optimise=!0;var bounds=el.getBoundingClientRect();el.setAttribute("data-lax-opacity","".concat(-bounds.height-1," 0, ").concat(-bounds.height," 1, ").concat(window.innerHeight," 1, ").concat(window.innerHeight+1," 0")),el.attributes.removeNamedItem("data-lax-optimize")}for(var i=0;i<el.attributes.length;i++){var a=el.attributes[i],bits=a.name.split("-");if("lax"===bits[1])if("data-lax-anchor"===a.name){o["data-lax-anchor"]="self"===a.value?el:document.querySelector(a.value);var rect=o["data-lax-anchor"].getBoundingClientRect();o["data-lax-anchor-top"]=Math.floor(rect.top)+window.scrollY}else o.transforms[a.name]=a.value.replace(new RegExp("vw","g"),window.innerWidth).replace(new RegExp("vh","g"),window.innerHeight).replace(new RegExp("elh","g"),el.clientHeight).replace(new RegExp("elw","g"),el.clientWidth).replace(new RegExp("-vw","g"),-window.innerWidth).replace(new RegExp("-vh","g"),-window.innerHeight).replace(new RegExp("-elh","g"),-el.clientHeight).replace(new RegExp("-elw","g"),-el.clientWidth).replace(/\s+/g," ").split(",").map(function(x){return x.trim().split(" ").map(function(y){return"("===y[0]?eval(y):parseFloat(y)})}).sort(function(t,a){return t[0]-a[0]})}lax.elements.push(o),lax.updateElement(o)},lax.populateElements=function(){lax.elements=[];var t=Object.keys(transforms).map(function(t){return"[".concat(t,"]")}).join(",");t+=",[data-lax-preset]",document.querySelectorAll(t).forEach(this.addElement)},lax.updateElement=function(t){var a=lastY,e=t["data-lax-anchor-top"]?t["data-lax-anchor-top"]-a:a,n={transform:"",filter:""};for(var r in t.transforms){var o=t.transforms[r],l=transforms[r],c=intrp(o,e);if(!l)return void console.error("lax: "+r+" is not supported");l(n,c)}for(var i in n)0===n.opacity?t.el.style.opacity=0:t.el.style[i]=n[i]},lax.update=function(t){lastY=t,lax.elements.forEach(lax.updateElement)},lax}();"undefined"!=typeof module&&void 0!==module.exports?module.exports=lax:window.lax=lax}();
diff --git a/lib/lax.js b/lib/lax.js
index 26b1451..12692ab 100644
--- a/lib/lax.js
+++ b/lib/lax.js
@@ -74,6 +74,15 @@
       },
       "data-lax-grayscale": function dataLaxGrayscale(style, v) {
         style.filter += "  grayscale(".concat(v, "%)");
+      },
+      "data-lax-bg-pos": function dataLaxBgPos(style, v) {
+        style.backgroundPosition = "".concat(v, "px ").concat(v, "px");
+      },
+      "data-lax-bg-pos-x": function dataLaxBgPosX(style, v) {
+        style.backgroundPositionX = "".concat(v, "px");
+      },
+      "data-lax-bg-pos-y": function dataLaxBgPosY(style, v) {
+        style.backgroundPositionY = "".concat(v, "px");
       }
     };
     var _crazy = "";
@@ -209,24 +218,36 @@
         return {
           "data-lax-scale": "(vh*0.3) 1, -elh ".concat(v)
         };
+      },
+      speedy: function speedy() {
+        var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
+        return {
+          "data-lax-skew-x": "(vh) ".concat(v, ", -elh ").concat(-v)
+        };
+      },
+      swing: function swing() {
+        var v = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 30;
+        return {
+          "data-lax-skew-y": "(vh) ".concat(v, ", -elh ").concat(-v)
+        };
       }
     };
 
-    lax.addPreset = function (name, o) {
-      lax.presets[name] = o;
+    lax.addPreset = function (p, o) {
+      lax.presets[p] = o;
     };
 
-    function intrp(table, v) {
+    function intrp(t, v) {
       var i = 0;
 
-      while (table[i][0] <= v && table[i + 1] !== undefined) {
+      while (t[i][0] <= v && t[i + 1] !== undefined) {
         i += 1;
       }
 
-      var x = table[i][0];
-      var prevX = table[i - 1] === undefined ? x : table[i - 1][0];
-      var y = table[i][1];
-      var prevY = table[i - 1] === undefined ? y : table[i - 1][1];
+      var x = t[i][0];
+      var prevX = t[i - 1] === undefined ? x : t[i - 1][0];
+      var y = t[i][1];
+      var prevY = t[i - 1] === undefined ? y : t[i - 1][1];
       var xPoint = Math.min(Math.max((v - prevX) / (x - prevX), 0), 1);
       var yPoint = xPoint * (y - prevY) + prevY;
       return yPoint;
@@ -259,7 +280,7 @@
           var fn = lax.presets[bits[0]];
 
           if (!fn) {
-            console.error("preset #{bits[0]} is not defined");
+            console.error("preset ".concat(bits[0], " is not defined"));
           } else {
             var d = fn(bits[1]);
 
@@ -272,9 +293,17 @@
         el.attributes.removeNamedItem("data-lax-preset");
       }
 
-      var optimise = !(el.attributes["data-lax-optimize"] && el.attributes["data-lax-optimize"].value === 'false');
-      if (optimise) el.style["-webkit-backface-visibility"] = "hidden";
-      if (el.attributes["data-lax-optimize"]) el.attributes.removeNamedItem("data-lax-optimize");
+      var useGpu = !(el.attributes["data-lax-use-gpu"] && el.attributes["data-lax-use-gpu"].value === 'false');
+      if (useGpu) el.style["-webkit-backface-visibility"] = "hidden";
+      if (el.attributes["data-lax-use-gpu"]) el.attributes.removeNamedItem("data-lax-use-gpu");
+      o.optimise = false;
+
+      if (el.attributes["data-lax-optimize"] && el.attributes["data-lax-optimize"].value === 'true') {
+        o.optimise = true;
+        var bounds = el.getBoundingClientRect();
+        el.setAttribute("data-lax-opacity", "".concat(-bounds.height - 1, " 0, ").concat(-bounds.height, " 1, ").concat(window.innerHeight, " 1, ").concat(window.innerHeight + 1, " 0"));
+        el.attributes.removeNamedItem("data-lax-optimize");
+      }
 
       for (var i = 0; i < el.attributes.length; i++) {
         var a = el.attributes[i];
diff --git a/lib/lax.min.js b/lib/lax.min.js
index 3c9da6d..b515118 100644
--- a/lib/lax.min.js
+++ b/lib/lax.min.js
@@ -1 +1 @@
-"use strict";!function(){var lax=function(){for(var lax={elements:[]},lastY=0,transforms={"data-lax-opacity":function(t,a){t.opacity=a},"data-lax-translate":function(t,a){t.transform+=" translate(".concat(a,"px, ").concat(a,"px)")},"data-lax-translate-x":function(t,a){t.transform+=" translateX(".concat(a,"px)")},"data-lax-translate-y":function(t,a){t.transform+=" translateY(".concat(a,"px)")},"data-lax-scale":function(t,a){t.transform+=" scale(".concat(a,")")},"data-lax-scale-x":function(t,a){t.transform+=" scaleX(".concat(a,")")},"data-lax-scale-y":function(t,a){t.transform+=" scaleY(".concat(a,")")},"data-lax-skew":function(t,a){t.transform+=" skew(".concat(a,"deg, ").concat(a,"deg)")},"data-lax-skew-x":function(t,a){t.transform+=" skewX(".concat(a,"deg)")},"data-lax-skew-y":function(t,a){t.transform+=" skewY(".concat(a,"deg)")},"data-lax-rotate":function(t,a){t.transform+=" rotate(".concat(a,"deg)")},"data-lax-brightness":function(t,a){t.filter+=" brightness(".concat(a,"%)")},"data-lax-contrast":function(t,a){t.filter+=" contrast(".concat(a,"%)")},"data-lax-hue-rotate":function(t,a){t.filter+=" hue-rotate(".concat(a,"deg)")},"data-lax-blur":function(t,a){t.filter+=" blur(".concat(a,"px)")},"data-lax-invert":function(t,a){t.filter+="  invert(".concat(a,"%)")},"data-lax-saturate":function(t,a){t.filter+="  saturate(".concat(a,"%)")},"data-lax-grayscale":function(t,a){t.filter+="  grayscale(".concat(a,"%)")}},_crazy="",i=0;i<100;i++)_crazy+=" "+window.innerHeight*(i/100)+" "+360*Math.random()+", ";function intrp(t,a){for(var e=0;t[e][0]<=a&&void 0!==t[e+1];)e+=1;var n=t[e][0],r=void 0===t[e-1]?n:t[e-1][0],l=t[e][1],o=void 0===t[e-1]?l:t[e-1][1];return Math.min(Math.max((a-r)/(n-r),0),1)*(l-o)+o}return lax.presets={linger:function(t){return{"data-lax-translate-y":"(vh*0.7) 0, 0 200, -500 0"}},lazy:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-y":"(vh) 0, (-elh) ".concat(t)}},eager:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-y":"(vh) 0, (-elh) -".concat(t)}},slalom:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:50;return{"data-lax-translate-x":"vh ".concat(t,", (vh*0.8) ").concat(-t,", (vh*0.6) ").concat(t,", (vh*0.4) ").concat(-t,", (vh*0.2) ").concat(t,", (vh*0) ").concat(-t,", (-elh) ").concat(t)}},crazy:function(t){return{"data-lax-hue-rotate":_crazy}},spin:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh) 0, (-elh) ".concat(t)}},spinRev:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh) 0, (-elh) ".concat(-t)}},spinIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"vh ".concat(t,", (vh*0.5) 0")}},spinOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh*0.5) 0, -elh ".concat(t)}},blurInOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh) ".concat(t,", (vh*0.8) 0, (vh*0.2) 0, 0 ").concat(t)}},blurIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh) ".concat(t,", (vh*0.7) 0")}},blurOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh*0.3) 0, 0 ".concat(t)}},fadeInOut:function(){return{"data-lax-opacity":"(vh) 0, (vh*0.8) 1, (vh*0.2) 1, 0 0"}},fadeIn:function(){return{"data-lax-opacity":"(vh) 0, (vh*0.7) 1"}},fadeOut:function(){return{"data-lax-opacity":"(vh*0.3) 1, 0 0"}},driftLeft:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-x":"vh ".concat(t,", -elh ").concat(-t)}},driftRight:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-x":"vh ".concat(-t,", -elh ").concat(t)}},leftToRight:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1;return{"data-lax-translate-x":"vh 0, -elh (vw*".concat(t,")")}},rightToLeft:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1;return{"data-lax-translate-x":"vh 0, -elh (vw*".concat(-t,")")}},zoomInOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh) ".concat(t,", (vh*0.8) 1, (vh*0.2) 1, -elh ").concat(t)}},zoomIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh) ".concat(t,", (vh*0.7) 1")}},zoomOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh*0.3) 1, -elh ".concat(t)}}},lax.addPreset=function(t,a){lax.presets[t]=a},lax.setup=function(t){lax.populateElements()},lax.removeElement=function(a){var t=this.elements.findIndex(function(t){return t.el=a});-1<t&&this.elements.splice(t,1)},lax.addElement=function(el){var o={el:el,transforms:[]},presetNames=el.attributes["data-lax-preset"]&&el.attributes["data-lax-preset"].value;presetNames&&(presetNames.split(" ").forEach(function(t){var a=t.split("-"),e=lax.presets[a[0]];if(e){var n=e(a[1]);for(var r in n)el.setAttribute(r,n[r])}else console.error("preset #{bits[0]} is not defined")}),el.setAttribute("data-lax-anchor","self"),el.attributes.removeNamedItem("data-lax-preset"));var optimise=!(el.attributes["data-lax-optimize"]&&"false"===el.attributes["data-lax-optimize"].value);optimise&&(el.style["-webkit-backface-visibility"]="hidden"),el.attributes["data-lax-optimize"]&&el.attributes.removeNamedItem("data-lax-optimize");for(var i=0;i<el.attributes.length;i++){var a=el.attributes[i],bits=a.name.split("-");if("lax"===bits[1])if("data-lax-anchor"===a.name){o["data-lax-anchor"]="self"===a.value?el:document.querySelector(a.value);var rect=o["data-lax-anchor"].getBoundingClientRect();o["data-lax-anchor-top"]=Math.floor(rect.top)+window.scrollY}else o.transforms[a.name]=a.value.replace(new RegExp("vw","g"),window.innerWidth).replace(new RegExp("vh","g"),window.innerHeight).replace(new RegExp("elh","g"),el.clientHeight).replace(new RegExp("elw","g"),el.clientWidth).replace(new RegExp("-vw","g"),-window.innerWidth).replace(new RegExp("-vh","g"),-window.innerHeight).replace(new RegExp("-elh","g"),-el.clientHeight).replace(new RegExp("-elw","g"),-el.clientWidth).replace(/\s+/g," ").split(",").map(function(x){return x.trim().split(" ").map(function(y){return"("===y[0]?eval(y):parseFloat(y)})}).sort(function(t,a){return t[0]-a[0]})}lax.elements.push(o),lax.updateElement(o)},lax.populateElements=function(){lax.elements=[];var t=Object.keys(transforms).map(function(t){return"[".concat(t,"]")}).join(",");t+=",[data-lax-preset]",document.querySelectorAll(t).forEach(this.addElement)},lax.updateElement=function(t){var a=lastY,e=t["data-lax-anchor-top"]?t["data-lax-anchor-top"]-a:a,n={transform:"",filter:""};for(var r in t.transforms){var l=t.transforms[r],o=transforms[r],c=intrp(l,e);if(!o)return void console.error("lax: "+r+" is not supported");o(n,c)}for(var i in n)0===n.opacity?t.el.style.opacity=0:t.el.style[i]=n[i]},lax.update=function(t){lastY=t,lax.elements.forEach(lax.updateElement)},lax}();"undefined"!=typeof module&&void 0!==module.exports?module.exports=lax:window.lax=lax}();
\ No newline at end of file
+"use strict";!function(){var lax=function(){for(var lax={elements:[]},lastY=0,transforms={"data-lax-opacity":function(t,a){t.opacity=a},"data-lax-translate":function(t,a){t.transform+=" translate(".concat(a,"px, ").concat(a,"px)")},"data-lax-translate-x":function(t,a){t.transform+=" translateX(".concat(a,"px)")},"data-lax-translate-y":function(t,a){t.transform+=" translateY(".concat(a,"px)")},"data-lax-scale":function(t,a){t.transform+=" scale(".concat(a,")")},"data-lax-scale-x":function(t,a){t.transform+=" scaleX(".concat(a,")")},"data-lax-scale-y":function(t,a){t.transform+=" scaleY(".concat(a,")")},"data-lax-skew":function(t,a){t.transform+=" skew(".concat(a,"deg, ").concat(a,"deg)")},"data-lax-skew-x":function(t,a){t.transform+=" skewX(".concat(a,"deg)")},"data-lax-skew-y":function(t,a){t.transform+=" skewY(".concat(a,"deg)")},"data-lax-rotate":function(t,a){t.transform+=" rotate(".concat(a,"deg)")},"data-lax-brightness":function(t,a){t.filter+=" brightness(".concat(a,"%)")},"data-lax-contrast":function(t,a){t.filter+=" contrast(".concat(a,"%)")},"data-lax-hue-rotate":function(t,a){t.filter+=" hue-rotate(".concat(a,"deg)")},"data-lax-blur":function(t,a){t.filter+=" blur(".concat(a,"px)")},"data-lax-invert":function(t,a){t.filter+="  invert(".concat(a,"%)")},"data-lax-saturate":function(t,a){t.filter+="  saturate(".concat(a,"%)")},"data-lax-grayscale":function(t,a){t.filter+="  grayscale(".concat(a,"%)")},"data-lax-bg-pos":function(t,a){t.backgroundPosition="".concat(a,"px ").concat(a,"px")},"data-lax-bg-pos-x":function(t,a){t.backgroundPositionX="".concat(a,"px")},"data-lax-bg-pos-y":function(t,a){t.backgroundPositionY="".concat(a,"px")}},_crazy="",i=0;i<100;i++)_crazy+=" "+window.innerHeight*(i/100)+" "+360*Math.random()+", ";function intrp(t,a){for(var e=0;t[e][0]<=a&&void 0!==t[e+1];)e+=1;var n=t[e][0],r=void 0===t[e-1]?n:t[e-1][0],o=t[e][1],l=void 0===t[e-1]?o:t[e-1][1];return Math.min(Math.max((a-r)/(n-r),0),1)*(o-l)+l}return lax.presets={linger:function(t){return{"data-lax-translate-y":"(vh*0.7) 0, 0 200, -500 0"}},lazy:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-y":"(vh) 0, (-elh) ".concat(t)}},eager:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-y":"(vh) 0, (-elh) -".concat(t)}},slalom:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:50;return{"data-lax-translate-x":"vh ".concat(t,", (vh*0.8) ").concat(-t,", (vh*0.6) ").concat(t,", (vh*0.4) ").concat(-t,", (vh*0.2) ").concat(t,", (vh*0) ").concat(-t,", (-elh) ").concat(t)}},crazy:function(t){return{"data-lax-hue-rotate":_crazy}},spin:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh) 0, (-elh) ".concat(t)}},spinRev:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh) 0, (-elh) ".concat(-t)}},spinIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"vh ".concat(t,", (vh*0.5) 0")}},spinOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:360;return{"data-lax-rotate":"(vh*0.5) 0, -elh ".concat(t)}},blurInOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh) ".concat(t,", (vh*0.8) 0, (vh*0.2) 0, 0 ").concat(t)}},blurIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh) ".concat(t,", (vh*0.7) 0")}},blurOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:40;return{"data-lax-blur":"(vh*0.3) 0, 0 ".concat(t)}},fadeInOut:function(){return{"data-lax-opacity":"(vh) 0, (vh*0.8) 1, (vh*0.2) 1, 0 0"}},fadeIn:function(){return{"data-lax-opacity":"(vh) 0, (vh*0.7) 1"}},fadeOut:function(){return{"data-lax-opacity":"(vh*0.3) 1, 0 0"}},driftLeft:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-x":"vh ".concat(t,", -elh ").concat(-t)}},driftRight:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:100;return{"data-lax-translate-x":"vh ".concat(-t,", -elh ").concat(t)}},leftToRight:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1;return{"data-lax-translate-x":"vh 0, -elh (vw*".concat(t,")")}},rightToLeft:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:1;return{"data-lax-translate-x":"vh 0, -elh (vw*".concat(-t,")")}},zoomInOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh) ".concat(t,", (vh*0.8) 1, (vh*0.2) 1, -elh ").concat(t)}},zoomIn:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh) ".concat(t,", (vh*0.7) 1")}},zoomOut:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:.2;return{"data-lax-scale":"(vh*0.3) 1, -elh ".concat(t)}},speedy:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:30;return{"data-lax-skew-x":"(vh) ".concat(t,", -elh ").concat(-t)}},swing:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:30;return{"data-lax-skew-y":"(vh) ".concat(t,", -elh ").concat(-t)}}},lax.addPreset=function(t,a){lax.presets[t]=a},lax.setup=function(t){lax.populateElements()},lax.removeElement=function(a){var t=this.elements.findIndex(function(t){return t.el=a});-1<t&&this.elements.splice(t,1)},lax.addElement=function(el){var o={el:el,transforms:[]},presetNames=el.attributes["data-lax-preset"]&&el.attributes["data-lax-preset"].value;presetNames&&(presetNames.split(" ").forEach(function(t){var a=t.split("-"),e=lax.presets[a[0]];if(e){var n=e(a[1]);for(var r in n)el.setAttribute(r,n[r])}else console.error("preset ".concat(a[0]," is not defined"))}),el.setAttribute("data-lax-anchor","self"),el.attributes.removeNamedItem("data-lax-preset"));var useGpu=!(el.attributes["data-lax-use-gpu"]&&"false"===el.attributes["data-lax-use-gpu"].value);if(useGpu&&(el.style["-webkit-backface-visibility"]="hidden"),el.attributes["data-lax-use-gpu"]&&el.attributes.removeNamedItem("data-lax-use-gpu"),o.optimise=!1,el.attributes["data-lax-optimize"]&&"true"===el.attributes["data-lax-optimize"].value){o.optimise=!0;var bounds=el.getBoundingClientRect();el.setAttribute("data-lax-opacity","".concat(-bounds.height-1," 0, ").concat(-bounds.height," 1, ").concat(window.innerHeight," 1, ").concat(window.innerHeight+1," 0")),el.attributes.removeNamedItem("data-lax-optimize")}for(var i=0;i<el.attributes.length;i++){var a=el.attributes[i],bits=a.name.split("-");if("lax"===bits[1])if("data-lax-anchor"===a.name){o["data-lax-anchor"]="self"===a.value?el:document.querySelector(a.value);var rect=o["data-lax-anchor"].getBoundingClientRect();o["data-lax-anchor-top"]=Math.floor(rect.top)+window.scrollY}else o.transforms[a.name]=a.value.replace(new RegExp("vw","g"),window.innerWidth).replace(new RegExp("vh","g"),window.innerHeight).replace(new RegExp("elh","g"),el.clientHeight).replace(new RegExp("elw","g"),el.clientWidth).replace(new RegExp("-vw","g"),-window.innerWidth).replace(new RegExp("-vh","g"),-window.innerHeight).replace(new RegExp("-elh","g"),-el.clientHeight).replace(new RegExp("-elw","g"),-el.clientWidth).replace(/\s+/g," ").split(",").map(function(x){return x.trim().split(" ").map(function(y){return"("===y[0]?eval(y):parseFloat(y)})}).sort(function(t,a){return t[0]-a[0]})}lax.elements.push(o),lax.updateElement(o)},lax.populateElements=function(){lax.elements=[];var t=Object.keys(transforms).map(function(t){return"[".concat(t,"]")}).join(",");t+=",[data-lax-preset]",document.querySelectorAll(t).forEach(this.addElement)},lax.updateElement=function(t){var a=lastY,e=t["data-lax-anchor-top"]?t["data-lax-anchor-top"]-a:a,n={transform:"",filter:""};for(var r in t.transforms){var o=t.transforms[r],l=transforms[r],c=intrp(o,e);if(!l)return void console.error("lax: "+r+" is not supported");l(n,c)}for(var i in n)0===n.opacity?t.el.style.opacity=0:t.el.style[i]=n[i]},lax.update=function(t){lastY=t,lax.elements.forEach(lax.updateElement)},lax}();"undefined"!=typeof module&&void 0!==module.exports?module.exports=lax:window.lax=lax}();
\ No newline at end of file
diff --git a/lib/lax.min.js.gz b/lib/lax.min.js.gz
index b0128de..b75d04a 100644
Binary files a/lib/lax.min.js.gz and b/lib/lax.min.js.gz differ
diff --git a/package.json b/package.json
index 6b91ce4..d85f9db 100644
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
 	"name": "lax.js",
-	"version": "1.0.5",
+	"version": "1.1.0",
 	"scripts": {
-		"build": "babel src -d lib; uglifyjs lib/lax.js -o lib/lax.min.js -c -m; gzip < lib/lax.min.js > lib/lax.min.js.gz"
+		"build": "babel src -d lib; uglifyjs lib/lax.js -o lib/lax.min.js -c -m; gzip < lib/lax.min.js > lib/lax.min.js.gz;"
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.2.3",
diff --git a/src/lax.js b/src/lax.js
index 2533a2a..844c24e 100644
--- a/src/lax.js
+++ b/src/lax.js
@@ -33,7 +33,6 @@
       "data-lax-skew-x": function(style, v) { style.transform += ` skewX(${v}deg)` },
       "data-lax-skew-y": function(style, v) { style.transform += ` skewY(${v}deg)` },
       "data-lax-rotate": function(style, v) { style.transform += ` rotate(${v}deg)` },
-
       "data-lax-brightness": function(style, v) { style.filter += ` brightness(${v}%)` },
       "data-lax-contrast": function(style, v) { style.filter += ` contrast(${v}%)` },
       "data-lax-hue-rotate": function(style, v) { style.filter += ` hue-rotate(${v}deg)` },
@@ -41,6 +40,9 @@
       "data-lax-invert": function(style, v) { style.filter += `  invert(${v}%)` },
       "data-lax-saturate": function(style, v) { style.filter += `  saturate(${v}%)` },
       "data-lax-grayscale": function(style, v) { style.filter += `  grayscale(${v}%)` },
+      "data-lax-bg-pos": function(style, v) { style.backgroundPosition = `${v}px ${v}px` },
+      "data-lax-bg-pos-x": function(style, v) { style.backgroundPositionX = `${v}px` },
+      "data-lax-bg-pos-y": function(style, v) { style.backgroundPositionY = `${v}px` }
     }
 
     let crazy = ""
@@ -116,24 +118,30 @@
       zoomOut: (v=0.2) => {
         return { "data-lax-scale": `(vh*0.3) 1, -elh ${v}` }
       },
+      speedy: (v=30) => {
+        return { "data-lax-skew-x": `(vh) ${v}, -elh ${-v}` }
+      },
+      swing: (v=30) => {
+        return { "data-lax-skew-y": `(vh) ${v}, -elh ${-v}` }
+      }
     }
 
-    lax.addPreset = (name, o) => {
-      lax.presets[name] = o
+    lax.addPreset = (p, o) => {
+      lax.presets[p] = o
     }
 
-    function intrp(table, v) {
+    function intrp(t, v) {
       var i = 0
 
-      while(table[i][0] <= v && table[i+1] !== undefined) {
+      while(t[i][0] <= v && t[i+1] !== undefined) {
         i+=1
       }
 
-      var x = table[i][0]
-      var prevX = table[i-1] === undefined ? x : table[i-1][0]
+      var x = t[i][0]
+      var prevX = t[i-1] === undefined ? x : t[i-1][0]
 
-      var y = table[i][1]
-      var prevY = table[i-1] === undefined ? y : table[i-1][1]
+      var y = t[i][1]
+      var prevY = t[i-1] === undefined ? y : t[i-1][1]
 
       var xPoint = Math.min(Math.max((v-prevX)/(x-prevX),0),1)
       var yPoint = (xPoint*(y-prevY)) + prevY
@@ -164,7 +172,7 @@
           const bits = p.split("-")
           const fn = lax.presets[bits[0]]
           if(!fn) {
-            console.error(`preset #{bits[0]} is not defined`)
+            console.error(`preset ${bits[0]} is not defined`)
           } else {
             const d = fn(bits[1])
             for(var k in d) {
@@ -177,9 +185,17 @@
         el.attributes.removeNamedItem("data-lax-preset")
       }
 
-      const optimise = !(el.attributes["data-lax-optimize"] && el.attributes["data-lax-optimize"].value === 'false')
-      if(optimise) el.style["-webkit-backface-visibility"] = "hidden"
-      if(el.attributes["data-lax-optimize"]) el.attributes.removeNamedItem("data-lax-optimize")
+      const useGpu = !(el.attributes["data-lax-use-gpu"] && el.attributes["data-lax-use-gpu"].value === 'false')
+      if(useGpu) el.style["-webkit-backface-visibility"] = "hidden"
+      if(el.attributes["data-lax-use-gpu"]) el.attributes.removeNamedItem("data-lax-use-gpu")
+
+      o.optimise = false 
+      if(el.attributes["data-lax-optimize"] && el.attributes["data-lax-optimize"].value === 'true') {
+        o.optimise = true
+        const bounds = el.getBoundingClientRect()
+        el.setAttribute("data-lax-opacity", `${-bounds.height-1} 0, ${-bounds.height} 1, ${window.innerHeight} 1, ${window.innerHeight+1} 0`)
+        el.attributes.removeNamedItem("data-lax-optimize")
+      }
 
       for(var i=0; i<el.attributes.length; i++) {
         var a = el.attributes[i]