Adds vendor prefix when needed.
Thanks to Evghenusi for minification tips
-
-
Save williammalo/2188750 to your computer and use it in GitHub Desktop.
vendorPrefixr
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function( | |
| a, //(string) property to vendor-prefixize | |
| b,c,d //placeholders | |
| ) | |
| { | |
| for(b in c=["Moz","Webkit","Ms","O"]) //for every prefix | |
| if((d=c[b]+ | |
| a[0].toUpperCase()+a.slice(1) //capitalize property | |
| ) in (new Image).style) //check if the prefixed property is an object of (new Image).style | |
| a=d; //set variable: a to the prefixed poperty | |
| return a //return the prefixed property, else return the unprefixed property | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| function(a,b,c,d){for(b in c=["Moz","Webkit","Ms","O"])if((d=c[b]+a[0].toUpperCase()+a.slice(1))in(new Image).style)a=d;return a} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "name": "vendorPrefixr", | |
| "description": "Adds vendor prefix when needed", | |
| "keywords": [ | |
| "css", | |
| "dom", | |
| "style", | |
| "vendor", | |
| "prefix" | |
| ] | |
| } |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <script> | |
| vendorPrefixr = function(a,b,c,d){for(b in c=["Moz","Webkit","Ms","O"])if((d=c[b]+a[0].toUpperCase()+a.slice(1))in(new Image).style)a=d;return a} | |
| document.write(vendorPrefixr("transition")) | |
| </script> |
Smart!
I updated my code to match yours!
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
function(a,b,c,d){for(b in c=["Moz","Webkit","Ms","O"])if((d=c[b]+a[0].toUpperCase()+a.slice(1))in(new Image).style)a=d;return a}?