轉換CSS3動畫到JQuery的用於IE8及以上

-1

我一個this question昨天發佈和5小時或更長時間與IE8的戰鬥只是爲了隱藏疊加文本的過渡發生之前之後，我已經決定，只有這樣，才能解決問題是將其轉換爲JQuery。我有一個CSS動畫，我需要在IE8，因爲在發生之前hover顯示疊加文字更改爲jQuery的或JavaScript。由於CSS非常冗長，我製作了這個JSFiddle。 CSS的轉變發生在25行和44轉換CSS3動畫到JQuery的用於IE8及以上

來源

2014-01-05 Skullomania

究竟什麼是你的問題？你有嘗試轉換它嗎？你卡在哪裏？ – Blender

問題是如何將其轉換。我沒有嘗試，因爲我不知道從哪裏開始。我唯一試過的就是在IE8轉換之前讓覆蓋文本隱藏起來。 – Skullomania

@Blender冷靜下來豬頭...做大量的工作HES是一些輝煌的CSS，我已經看到了張貼在這裏的人尋求幫助，將CSS jQuery的幾個問題。看看這個問題： http://stackoverflow.com/questions/12449887/how-to-convert-css3-transition-easing-to-jquery-easing-function – 2014-01-05 16:43:50

在這裏你去，你可以，如果你想與數字鼓搗。我沒有IE瀏覽器，所以我不能測試，但它應該是不錯的：

$(".cascade-t1").hover(function(){ 
    $(".cascade-corner").fadeOut(); 
    $(".overlay-t1").animate({"left": "-300px"}, 300, function(){ 
     $(".cascade-overlay-content").fadeIn(200);  
    }); 


}, function(){ 

    $(".cascade-corner").fadeIn(); 
    $(".cascade-overlay-content").fadeOut(200, function(){ 
     $(".overlay-t1").animate({"left": "130px"}, 300);  
    }); 

});

JSFIDDLE

來源

2014-01-05 17:19:13 jmore009

轉換CSS3動畫到JQuery的用於IE8及以上

回答

相關問題