Question

我的悬停效果与我的jQuery卡（http://www.creative-tim.com/product/rotating-css-card?page=3上找到的卡）效果不佳。

当我将它与我在Internet Explorer中的jQuery卡合并时，CSS中的悬停效果会导致故障。我喜欢这个动作，但它确实很奇怪。它与jQuery卡没有很好的融合。我能想到的唯一解决方案是将代码的操作转换为JavaScript或jQuery。下面是悬停CSS代码：

.card:hover{
-moz-transform: perspective(3000px) rotateY(-30deg) translateX(15px);
-ms-transform: perspective(3000px) rotateY(-30deg) translateX(15px);
-o-transform: perspective(3000px) rotateY(-30deg) translateX(15px);
-webkit-transform: perspective(3000px) rotateY(-30deg) translateX(15px)  translateZ(200px) scale(0.8);
transform: perspective(3000px) rotateY(-30deg) translateX(15px);}

如何将我想要的CSS动作转换为其他语言？哪些东西适合我的jQuery卡？

Answer 1

这可能会有所帮助。这是jQuery

$(function(){

    $(".yourClassOfHoverStuffOrWhatEverYouCallIt").hover(
     function () {
      $(this).addClass("hover");
     },
     function () {
      $(this).removeClass("hover");
    }); 
}

如果你想动画查找.animate()

，那么

将CSS转换为其他格式（JavaScript / jQuery）

1 个答案: