javascript - 这种带有css和html5的静态背景切换过渡的名称

标签 javascript html css responsive-design

我发现了这个漂亮的过渡效果,但我不知道它的名字是什么。

http://agence-belle-epoque.fr/

基本上,背景以某种方式切换到不同的图像,而文本似乎独立于背景。 我看到了一种在滚动时在看似静态的背景前流动的叠加文本。这个类似,唯一不同的是它切换了整个背景。

如果我能得到这种转变的名称,也许还有我可以从中学习的资源(即教程),那就太好了

最佳答案

这种效果称为视差滚动。有很多教程和库可以帮助您实现它。

这里有一些不同实现的教程:

http://keithclark.co.uk/articles/pure-css-parallax-websites/

https://ihatetomatoes.net/how-to-create-a-parallax-scrolling-website/

关于javascript - 这种带有css和html5的静态背景切换过渡的名称,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27784191/

相关文章:

javascript - 如何在 Angular 2 项目中使用 javascript 库

html - 如何让背景覆盖一个单独的div?

javascript - 使用 css 和 jQuery 实现按钮

javascript - 如何检测html输入对象是否是按钮?

css - 是否可以使用支持水平和垂直滚动的纯 CSS 创建具有固定标题的表格?

html - CSS | Div 背景图片

javascript - <a> 在 <div> 中不起作用

javascript - 将 iframe 插入到 div 的底部

javascript - 为什么 Chrome 间距在一个 JS 文件中有效,而在另一个 JS 文件中无效?

html - 有没有办法在 html 和 css 中减慢 gif 作为背景的速度?