tilt-hover-effect

0.1.0 • Public • Published

Demo

This project is inspired by the hover effect seen on Codrop.

This module contains 6 samples of the tilt hover (Check the demo).

Install

npm install --save tilt-hover

Props

  1. className: string
    Purpose: To modify the size of the card

  2. backgroundClassName: string
    Purpose: To change the image background (using css)

  3. glassClassName: string
    Purpose: To change the gradient background (using css)

  4. captionClassName: string
    Purpose: To modify the container div of the title and subtitle

  5. rectangleClassName: string
    Purpose: The rectangle inside the card is a svg. Use this prop to add a class that modifies the svg attributes like stroke, fill, ...

  6. titleClassName: string
    Purpose: To add style to the card's title

  7. desciptionClassName: string
    Purpose: To add style to the card's description

  8. title: string
    The title of the card

  9. description: string
    The description of the card

/tilt-hover-effect/

    Package Sidebar

    Install

    npm i tilt-hover-effect

    Weekly Downloads

    3

    Version

    0.1.0

    License

    none

    Last publish

    Collaborators

    • chuson1996