不工作mousemove&mouseleave in(倾斜图像）

not work mousemove & mouseleave in (tilt images)

本文关键字：in 倾斜 图像 mouseleave 工作 mousemove amp      更新时间：2023-09-26

我正在倾斜（倾斜图像）但不起作用Css和js将连接到站点

视图源：http://tympanus.net/Development/ImageTiltEffect/js/tiltfx.js视图源：http://tympanus.net/Development/ImageTiltEffect/css/tilteffect.css和我的html代码：

<div class="Testj3_block_content">
<div class="customtilt">
	<div class="tilt__back" dir="ltr" style="background-image: url('/Testj3/images/ImageTiltEffect/3.jpg');">&nbsp;</div>
<div class="tilt__front" style="background-image: url('/Testj3/images/ImageTiltEffect/3.jpg'); opacity: 0.5; transform: perspective(500px) translate3d(0px, 0px, 0px) rotate3d(1, 1, 1, 0deg);">&nbsp;</div>
<div class="tilt__front" style="background-image: url('/Testj3/images/ImageTiltEffect/3.jpg'); opacity: 0.6; transform: perspective(500px) translate3d(0px, 0px, 0px) rotate3d(1, 1, 1, 0deg);">&nbsp;</div></div>
</div>

源代码请引导我感谢

只需更改

translate3d(0px, 0px, 0px)     // yours, no translation
translate3d(100px, 50px, 50px) // with translation
rotate3d(1, 1, 1, 0)     // yours, no degrees
rotate3d(1, 1, 1, 50deg) // with degrees

您的css语法是正确的，您只需将转换设置为零像素和零度。

以下是css33d转换的基本文档，它将帮助您

相关文章：