yy日韩无码,富婆的诱惑,国产菊爆视频在线观看,国产精品无码AV高清波波AV,国产成人啪精品视频站午夜,已满十八岁免费观看电视剧十八岁,中文字幕av久久人妻蜜桃臀

網(wǎng)址：https://micku7zu.github.io/vanilla-tilt.js/

使用方法 ：

1：下載JS

2：引入JS

3：在DIV中加上標(biāo)簽

<div class="your-element" data-tilt></div>

4： 使用JS強制激活

<script>
// 如果 data-tilt 沒自動生效，這段代碼會強制激活
VanillaTilt.init(document.querySelectorAll(".你的DIV"), {
    max: 15,
    speed: 400,
    glare: true,
    "max-glare": 0,
});
</script>

進(jìn)階應(yīng)用，可添加更多的參數(shù)：

<div class="your-element" data-tilt data-tilt-max="50" data-tilt-speed="400" data-tilt-perspective="500"></div>

所有默認(rèn)選項：

{
    reverse:                false,  // 反轉(zhuǎn)傾斜方向
    max:                    35,     // 最大傾斜角度 (度數(shù))
    startX:                 0,      // 初始化時 X 軸的傾斜角度
    startY:                 0,      // 初始化時 Y 軸的傾斜角度
    perspective:            1000,   // 透視距離，數(shù)值越小，傾斜效果越夸張/極端
    scale:                  1,      // 縮放比例，2 = 200%, 1.5 = 150%，以此類推
    speed:                  300,    // 進(jìn)入或退出過渡動畫的速度
    transition:             true,   // 是否在進(jìn)入/退出時設(shè)置過渡效果
    axis:                   null,   // 鎖定軸向?？梢允?nbsp;"x" 或 "y"
    reset:                  true,   // 鼠標(biāo)離開時是否重置傾斜狀態(tài)
    "reset-to-start":       true,   // 退出重置時是回到 [0,0] (默認(rèn)) 還是回到 [startX, startY]
    easing:                 "cubic-bezier(.03,.98,.52,.99)",    // 進(jìn)入/退出的緩動函數(shù)
    glare:                  false,  // 是否開啟“反光/閃光”效果
    "max-glare":            1,      // 最大反光透明度 (1 = 100%, 0.5 = 50%)
    "glare-prerender":      false,  // false = 插件自動為你創(chuàng)建反光元素；
                                    // true = 你需要自己手動添加 .js-tilt-glare>.js-tilt-glare-inner 結(jié)構(gòu)
    "mouse-event-element":  null,   // CSS 選擇器或 HTML 元素鏈接，用于監(jiān)聽鼠標(biāo)事件的特定元素
    gyroscope:              true,   // 是否開啟設(shè)備陀螺儀檢測（移動端）
    gyroscopeMinAngleX:     -45,    // 設(shè)備 X 軸角度下限（此時元素傾斜效果等同于鼠標(biāo)在左邊緣）
    gyroscopeMaxAngleX:     45,     // 設(shè)備 X 軸角度上限（此時元素傾斜效果等同于鼠標(biāo)在右邊緣）
    gyroscopeMinAngleY:     -45,    // 設(shè)備 Y 軸角度下限（此時元素傾斜效果等同于鼠標(biāo)在上邊緣）
    gyroscopeMaxAngleY:     45,     // 設(shè)備 Y 軸角度上限（此時元素傾斜效果等同于鼠標(biāo)在下邊緣）
}