CSS和/或jQuery的

Question

动画效果是否有任何的jQuery插件或CSS代码有如下页般的效果 http://engineer.org.in/2013/和http://engineer.org.in/2013/#Comps（带出去使用WebGL的）...

Answer 1

加载页面？它只需用jQuery代码

<script> 
$(window).load(function(){ 
    $('#dvLoading').fadeOut(2000); 
}); 
</script> 

GIF图像阅读本link

你有一个过渡事件加载事件之后。你可以这样做只是使用CSS3过渡和Tranforms

在这种情况下，我们使用左和缩放性能。想象一下，你有一个立方体类：

transEx { 
    background-color: #066882; 
    -webkit-transition: all 3s; 
    -moz-transition: all 3s; 
    -o-transition: all 3s; 
    transition: all 3s; 
} 
.cude:hover { 
    background-color: #FC8F30; 
    color: #000; 
    -webkit-transform: translate(900px, 0); 
    -moz-transform: translate(900px, 0); 
    -o-transform: translate(900px, 0); 
    transform: translate(900px, 0); 
} 

见我example here!

我建议遵循css3 Transitions Tutorial

在另一方面，你可以使用jQuery库。请专注于effects category。在这个链接中你可以看到很多例子。