2015-12-05 4 views
-1

Я по наклону (качающего изображения) Но не работает Css и JS собираются наложена на местоне работает MouseMove & MouseLeave в (наклона изображений)

вид-источник: 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>

Исходный код , пожалуйста, руководство меня Спасибо

ответ

0

Просто измените

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, который поможет вам

+0

Вы правы Но это не моя проблема. См.: Http://tympanus.net/Development/ImageTiltEffect. Мои изображения фиксированы и не двигаются, но перемещайтесь сюда. На этом веб-сайте я перехожу к правому клику - проверяйте элемент - перед «наклоном div-класса», написанным ev, но не на моем сайте. js не работает. Извините, я говорю по-английски очень плохо – Hadi

+0

Можете ли вы создать плункер или jsfiddle с помощью всего кода? Если вы это сделаете, мы сможем устранить неполадки. В противном случае начните с использования кода тимпана, который работает и отредактирует его оттуда. – caleb