Neverending Perpetual Motion

    @verndale/object-fit

    1.1.1 • Public • Published

    @verndale/object-fit

    npm version npm bundle size GitHub license npm

    Pollyfill for object-fit and object-position.

    Settings

    Attribute Supported options Default
    data-object-fit [cover | contain] cover
    data-object-position [ top | center | bottom ]
    [ percentage | length (px, em, rem, etc) | left | center | right ]
    inherit
    center

    Usage

    Installing using npm

    npm i @verndale/object-fit

    And then simply import the pollyfill.

    JS

    import '@verndale/object-fit';

    HTML

    Set data-object-fit and data-object-position.

    <img
      src="example.jpg"
      data-object-fit="cover"
      data-object-position="center"
    />

    CSS

    Customize your properties for browsers that do support these properties.

    img {
      object-fit: cover;
      object-positon: center;
    }

    Demo

    You can see the demo here: https://833jx.csb.app/

    Install

    npm i @verndale/object-fit

    DownloadsWeekly Downloads

    7

    Version

    1.1.1

    License

    MIT

    Unpacked Size

    4.37 kB

    Total Files

    7

    Last publish

    Collaborators

    • jfusco
    • c4rlosviteri