Learn about our RFC process, Open RFC meetings & more.Join in the discussion! »

pfx

1.1.0 • Public • Published

pfx Build Status

Browser vendor prefix helper

Inspired by Modernizr.prefixed and Modernizr.prefixedCSS from Modernizr.

Install

$ npm install --save pfx

Usage

const pfx = require('pfx');
 
const boxReflect = pfx('boxReflect');
// boxReflect === 'WebkitBoxReflect' in Webkit browsers
 
const transition = pfx('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 = pfx('requestAnimationFrame', window);
// rAF === 'MozRequestAnimationFrame' in old Firefox

You can also get the function by passing in the value true as the third argument.

const rAF = pfx('requestAnimationFrame', window, true);
// typeof rAF === 'function'
 
rAF(() => {
    // do something
});

If you want to get the hyphenated form to use with css, you can use the following syntax.

const boxReflect = pfx.css('boxReflect');
// 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

License

MIT © Alex Cross

Install

npm i pfx

DownloadsWeekly Downloads

10

Version

1.1.0

License

MIT

Last publish

Collaborators

  • avatar