SParallaxFeature

This feature allows you to easily apply some parallax effect to any HTMLElement items you want.

Platform  
js
   â”‚    Support  
Chromium supported
Firefox supported
Safari supported
Edge supported
Since  2.0.0
   â”‚   
Olivier Bossel
Olivier Bossel
   â”‚   
beta

  Preview

 

Loading code example. Please wait...

  Features

  • Specify the amount of parallax you want

  • Specify amount for X and Y separately

  • Keep your original transforms

  Import

  Install

  Interface

  1. amount
    1
    Number

    Specify the amount of parallax you want to apply

  2. amountX
    1
    Number

    Specify the amount of parallax you want for the x axis. This will be applied on top of the global amount

  3. amountY
    1
    Number

    Specify the amount of parallax you want for the y axis. This will be applied on top of the global amount

  4. amountT
    1
    Number

    Specify the amount of parallax you want for the translate x and y axis. This will be applied on top of the global amount

  5. amountTx
    1
    Number

    Specify the amount of parallax you want for the translate x axis. This will be applied on top of the global amount

  6. amountTy
    1
    Number

    Specify the amount of parallax you want for the translate y axis. This will be applied on top of the global amount

  7. amountR
    1
    Number

    Specify the amount of parallax you want for the rotate x and y axis. This will be applied on top of the global amount

  8. amountRx
    1
    Number

    Specify the amount of parallax you want for the rotate x axis. This will be applied on top of the global amount

  9. amountRy
    1
    Number

    Specify the amount of parallax you want for the rotate y axis. This will be applied on top of the global amount

  10. amountRz
    1
    Number

    Specify the amount of parallax you want for the rotate z axis. This will be applied on top of the global amount

Bugs
are not our friends...

Don't hesitate to declare an issue if something does not works as expected.

Declare my issue on Github Talk about it on Discord

The more we are,
the stronger we become.

Don't hesitate to tell some words to you friends about us. The goal is to became more and more each days to help each others...

Support us on Patreon! Share on Facebook! Make a tweet!

The more we are,
the stronger we become.

Don't be afraid to join us on Discord.

Join us on discord!

We love,
Open source!

All of our codebase can be found on Github. We hope that you may contribute to help us make our tools even better!

Discover our codebase!

Welcome on