我喜歡這個從LTR淡入的div - 我該怎麼做呢？

Question

看着這個網站https://sunny.co.uk/我發現了一個我喜歡的過渡。主體div從左到右漸變/滑入。

我想做到這一點，但感到困惑與所有不同的jQuery函數，動畫，幻燈片等

任何人都可以提供這方面是如何做的一些建議嗎？謝謝！

Answer 1

你可以試試這個，我曾經在我以前的項目中使用它。

http://jonobr1.github.com/diagonalFade/

希望它適合你的需求。

，或者你可以嘗試

DEMO

$(document).ready(function(){ 
    $(element).animate({left:200, opacity:"show"}, 1500); 
}); 

，並確保DIV最初是隱藏style="display:none;"

Answer 2

試試這個教程的時候，我已經用它的網站上我目前正在建設，它非常有幫助，並有很多不錯的想法。我不得不編輯javascript文件以便很好地理解這一點。

http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/

感謝