不行的（倾斜图像）鼠标移动和鼠标离开

-1

我对倾斜（倾斜图像）但不起作用 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"> 
 
\t <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>

代码请指导我源谢谢

来源

2015-12-05 Hadi

只要改变

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语法是正确，你刚刚设置的转换为零像素和零度。

Here's the basic documentation for css3 3d transforms，这将有助于你

来源

2015-12-05 06:23:57 caleb

你是对的不过这不是我的问题。请参阅：http://tympanus.net/Development/ImageTiltEffect。我的图像是固定的，不移动，但移动到这里。在这个网站上，我去右击 - 检查元素 - 在“div类倾斜”前面写ev，但不是在我的网站上。 js不起作用。对不起，我说英语很差 – Hadi

你可以用你的整个代码创建一个plunker或jsfiddle吗？如果你这样做，我们可以排除故障。否则，重新开始使用工作的鼓室代码并从那里编辑它。 – caleb

不行的（倾斜图像）鼠标移动和鼠标离开

回答

相关问题