将“吃”分成上面的图像 - 术语是什么?

时间:2015-05-19 19:01:17

标签: javascript jquery html css animation

从我可以看到的下面的div中可以看到上面的图像,当你向下滚动创建我认为是一个很好的视觉效果时。

我唯一的问题是我不知道搜索过程本身教程的术语是什么。

有人知道我会用什么搜索词来找到一个好的教程吗?我已经尝试过我认为可能被称为的所有内容。

使用它的网站上的示例:http://www.anakin.co/en

3 个答案:

答案 0 :(得分:2)

该术语称为视差滚动

以下链接是一个很好的教程,并解释了如何在CSS中实现这一点。 http://keithclark.co.uk/articles/pure-css-parallax-websites/

关于剪切效果,我认为这称为剪辑蒙版。

答案 1 :(得分:0)

主要内容是叠加层。如果你看一下代码,在css中你会看到" clip"属性。它已被弃用,但已被" clip-path"取代。显示图像的某些部分称为剪切/屏蔽,我相信您可以在此处找到您要查找的内容:

https://css-tricks.com/clipping-masking-css/

编辑:背景图片使用视差,它提供背景图像"运动"当你滚动。但是,让背景显示的实际效果是文章中的剪辑/屏蔽。

答案 2 :(得分:0)

它被称为Parallax scrolling http://en.wikipedia.org/wiki/Parallax_scrolling