不行的（傾斜圖像）鼠標移動和鼠標離開

-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

不行的（傾斜圖像）鼠標移動和鼠標離開

回答

相關問題