Html 视差css背景图像移动一点
我有来自Html 视差css背景图像移动一点,html,image,css,parallax,Html,Image,Css,Parallax,我有来自背景url的背景图像,当我放置:背景附件:固定时,我的视差适用于该图像 如何使背景图像在滚动时移动一点 下面是我所说的例子: 这是我现在滚动时所拥有的: 这是我滚动时想要的: 您可以结合使用CSS3的变换和变换属性来制作背景图像动画。下面是一个如何做到这一点的方法。您可以使用Javascript的onscroll事件来触发我在悬停时触发的内容 可能会帮助它使用Javascript移动背景图像 编辑 我刚刚意识到这只是因为背景图像是一个重复的模式。如果你想用普通的图像做这个效果,你可以使用
背景url
的背景图像,当我放置:背景附件:固定时,我的视差适用于该图像代码>
如何使背景图像在滚动时移动一点
下面是我所说的例子:
这是我现在滚动时所拥有的:
这是我滚动时想要的:
您可以结合使用CSS3的变换
和变换
属性来制作背景图像动画。下面是一个如何做到这一点的方法。您可以使用Javascript的onscroll
事件来触发我在悬停时触发的内容 可能会帮助它使用Javascript移动背景图像
编辑
我刚刚意识到这只是因为背景图像是一个重复的模式。如果你想用普通的图像做这个效果,你可以使用