將CSS轉換爲其他格式（JavaScript/jQuery）

我有一個懸停效果，與我的jQuery卡（http://www.creative-tim.com/product/rotating-css-card?page=3上的卡片找不到）效果不佳。將CSS轉換爲其他格式（JavaScript/jQuery）

CSS中的懸停效果在我將它與Internet Explorer中的jQuery卡合併時會導致毛刺。我喜歡這個動作，但它確實奇怪。它不能很好地與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卡片效果很好？

來源

2016-03-06 Lance B

這可能有幫助。這是jQuery的

$(function(){ 

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

Futher如果要動畫查找.animate()

來源

2016-03-06 22:20:46 PVL

將CSS轉換爲其他格式（JavaScript/jQuery）

回答

相關問題