2021年08月25日(水)

パネル、カード、ボタンなどのUI要素をふわりと浮かせ、視差効果を与えるJavaScriptの超軽量ライブラリ -vanilla-tilt.js

• 0
• 72
• 25
• 50

{

    reverse:                false,  // reverse the tilt direction

    max:                    35,     // max tilt rotation (degrees)

    startX:                 0,      // the starting tilt on the X axis, in degrees.

    startY:                 0,      // the starting tilt on the Y axis, in degrees.

    perspective:            1000,   // Transform perspective, the lower the more extreme the tilt gets.

    scale:                  1,      // 2 = 200%, 1.5 = 150%, etc..

    speed:                  300,    // Speed of the enter/exit transition

 ...