pfx
Browser vendor prefix helper
Inspired by Modernizr.prefixed
and Modernizr.prefixedCSS
from Modernizr.
Install
$ npm install --save pfx
Usage
const pfx = ; const boxReflect = ;// boxReflect === 'WebkitBoxReflect' in Webkit browsers const transition = ;// transition === 'MozTransition' in old Firefox
By default, the property is checked against a DOM element. If you want to check against a different element, pass it in as the second argument.
const rAF = ;// rAF === 'MozRequestAnimationFrame' in old Firefox
You can also get the function by passing in the value true
as the third argument.
const rAF = ;// typeof rAF === 'function' ;
If you want to get the hyphenated form to use with css, you can use the following syntax.
const boxReflect = pfx;// boxReflect === '-webkit-box-reflect' for Webkit browsers
API
pfx(prop [, element] [, function])
Takes a string in camelCase style and returns the version of the property that the browser supports.
prop
Type: string
element
Type: object
function
Type: boolean
object
Related
- pfx-animation - Browser prefix helper for animation event
- pfx-transition - Browser prefix helper for transition event
License
MIT © Alex Cross