javascript - 将 CSS 转换为不同的格式 (JavaScript/jQuery)

Question

我的悬停效果不适用于我的 jQuery 卡片(卡片在 http://www.creative-tim.com/product/rotating-css-card?page=3 上找到)。

当我在 Internet Explorer 中将它与我的 jQuery 卡片合并时，CSS 中的悬停效果会导致故障。我喜欢这个 Action ，但它会做一些奇怪的事情。它不能与 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 Action 转换成不同的语言？适合我的 jQuery 卡片的东西？

Answer 1

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

$(function(){

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

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