Neptune's Potato Monsters

    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

    27

    Version

    1.1.0

    License

    MIT

    Last publish

    Collaborators

    • awcross