Question

我通过CSS和jQuery编写了一些用于翻转我的图像的代码，但是这个解决方案在Opera中不起作用，我尝试了几个小时来修复它，但我没有做到这一点

如果可以，请告诉我有什么问题。

CSS

.tiled-gallery-item {
  -webkit-perspective: 800;
  -moz-perspective: 800;
}
.tiled-gallery-item a img.flipped {
  -webkit-transform: rotatex(-360deg);
  transform: rotatex(-360deg);
  -o-transform: rotatex(-360deg);
}
.tiled-gallery-item a img {
  -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -webkit-transition: 1s;
  -o-transition-duration: 1s;
  transition: 1s;
}

的jQuery

jQuery(function(){
    jQuery('.tiled-gallery-item').hover(function(){
        jQuery(this).find('a img').addClass('flipped')(function(){
            jQuery(this).removeClass('flipped');
            jQuery(this).addClass('flipped');
        });
    });

我很确定，这都是关于CSS的，但我尝试了一切...... }）;

Answer 1

jQuery(function( $ ) {  // Fingers saver :) (DOM ready and secured $ alias)

    $('.tiled-gallery-item').hover(function() {
        $(this).find('a img').toggleClass('flipped');
    });

});

我的插件在Opera中不起作用

1 个答案: