Question

当我mouseover在任何方框上时，facebook，twitter视频卷轴等在翻转后看起来像镜像反射。它只是在铬。而在Firefox中，它正按预期运行。

这是我的网页http://luutaa.co.in/TMcollection/

请建议我一个解决方案来解决它？

Answer 1

来自你的评论：

你想要隐藏镜像文本，然后尝试这样

当您执行 mouseover 时，隐藏.fbbtn块

$('.fbbtn').hide();

并使 callback 显示

$('.fbbtn').show();

希望你有个主意。

更新：经过进一步调查，我找到了合适的地方

$('.thumb').hover(function () {
   $(this).find('.fbbtn').hide();  //HIDE UPON HOVER
    $(this).find('.thumb-detail').stop().animate({
        bottom: 0
    }, 500, 'easeOutCubic');
},

function () {
    $(this).find('.fbbtn').show();  //SHOW IT IN CALLBACK
    $(this).find('.thumb-detail').stop().animate({
        bottom: ($(this).height() * -1)
    }, 500, 'easeOutCubic');
});

Answer 2

一个简单的解决方法是将其添加到您的CSS：

.flipIt .fbbtn{
    display:none;
}

虽然当你将鼠标悬停在盒子上时会产生一些闪烁，但如果你认为这是不可接受的，你可能需要实现@ user1671639的答案，并且可能只在CSS动画完成后使用计时器显示按钮

CSS 3D翻转jQuery

2 个答案: