我应该使用js或css页面动画

Question

我想添加页面动画到一个网站-所以在每一个页面加载它会慢慢淡出整个页面。但我担心两件事:首先，搜索引擎优化——我不确定使用js或css是否可能隐藏搜索引擎的内容。其次，我也担心，如果js失败的任何原因，或者人的浏览器不支持css3那么页面将不显示(如果内容设置为不透明度0或显示:none)

除了整个页面加载效果，我还希望在其他页面元素滚动到视图时对它们做一些简单的动画。

我看到了谷歌推荐的一些库，如animate.css, animation和Tween Lite。但不确定该选哪个。首选的最佳实践方法是什么?

感谢您的帮助

Answer 1

我不确定使用js或css是否可能隐藏搜索引擎的内容

它不会。一般来说，搜索引擎只解析HTML代码，而不关心JS/CSS。如果某些引擎会使用它们，你可以假设它足够聪明，不会误解你的动画。

我应该使用js或css页面动画?

这个问题没有明确的答案，两者都有优点和缺点。这里有一个很好的概述。就我个人而言，我更喜欢CSS动画/过渡，因为它们更容易实现。

其次，我也担心，如果js失败，无论什么原因，或者这个人的浏览器不支持css3，那么页面将不显示

只要确保你的布局默认为可用状态，当一些技术不工作。例如，这个JSFiddle包含一个只在Firefox上工作的动画，但默认为结束状态，因此也可以在其他浏览器中使用，只是没有花哨的入口效果。

相关代码:

body {
    background-color: black;
    color: white;
    -moz-animation: fadeIn 5s;
}
@keyframes fadeIn {
    from {
        background-color: white;
    }
    to {
        background-color: black;
    }
}