Question

我想将网页动画添加到网站中 - 所以在每个页面加载时，它会轻轻地淡化整个页面。但我担心两件事：第一，seo - 我不确定使用js或css是否可能隐藏搜索引擎中的内容。其次，我也担心如果js由于某种原因失败，或者该人的浏览器不支持css3那么页面将根本不显示（如果内容设置为opacity 0或display：none）

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

我看过谷歌推荐的一些库，例如animate.css，Animsition和Tween Lite。但不知道该去哪。什么是首选的最佳实践方法？

感谢您的帮助

Answer 1

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

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

我应该使用js或css来制作页面动画吗？

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

其次，我也担心如果js由于某种原因失败，或者该人的浏览器不支持css3那么该页面根本不会显示

当某些技术不起作用时，请确保您的布局默认为可用状态。例如，this JSFiddle包含仅适用于Firefox的动画，但默认为结束状态，因此也可用于其他浏览器，只是没有花哨的入口效果。

相关代码：

body {
    background-color: black;
    color: white;
    -moz-animation: fadeIn 5s;
}

@keyframes fadeIn {
    from {
        background-color: white;
    }
    to {
        background-color: black;
    }
}

我应该使用js或css进行页面动画吗？

1 个答案: