Nested Parenthetical Madness

    directional-hover

    0.1.4 • Public • Published

    Directional Hover Effect

    CircleCI Status npm npm npm


    Add a directional css hover effect


    Live example here


    Installation

    $ npm install directional-hover
    //or
    $ yarn add directional-hover

    Importing

    import Direction from "directional-hover"

    Quick use

    <div class="thumbs">
      <div class="item">
        <img src="https://picsum.photos/350/300" />
      </div>
    </div>
    import Direction from "directional-hover"
     
    new Direction({ 
      $els: document.querySelectorAll(".item") 
    })

    .item are the containers. they handle the perspective property. Containers first childs (here .item img) will have the class added for transformation and animation

    Install

    npm i directional-hover

    DownloadsWeekly Downloads

    8

    Version

    0.1.4

    License

    MIT

    Unpacked Size

    12.5 kB

    Total Files

    4

    Last publish

    Collaborators

    • oory