Html 他们在横幅和标题中使用了什么过渡?

Html 他们在横幅和标题中使用了什么过渡?,html,css,Html,Css,你对他们在这个网站上使用的转换有什么看法 他们只是在收听滚动事件,并更改标题的容器元素的位置和不透明度。 您可以打开Inspect元素,查看到底发生了什么平移(x,x)和不透明度属性正在更改。其称为视差。您可以在下面找到简单的w3schools教程 这也可以通过各种js库来实现纯CSS中的简单视差效果 html, 身体{ 最小高度:100%; 最小宽度:100%; 身高:100%; 填充:0; 保证金:0; 文本对齐:居中; 字体系列:Arial; } .背景{ 宽度:100%; 最小高度

你对他们在这个网站上使用的转换有什么看法


他们只是在收听滚动事件,并更改标题的容器元素的
位置和
不透明度。

您可以打开Inspect元素,查看到底发生了什么<代码>平移(x,x)
不透明度
属性正在更改。

其称为视差。您可以在下面找到简单的w3schools教程


这也可以通过各种js库来实现

纯CSS中的简单视差效果

html,
身体{
最小高度:100%;
最小宽度:100%;
身高:100%;
填充:0;
保证金:0;
文本对齐:居中;
字体系列:Arial;
}
.背景{
宽度:100%;
最小高度:100%;
背景尺寸:包含;
背景位置:中心;
背景附件:固定;
}
.background>div{
背景色:#000000;
颜色:#ffffff;
填充:30px0;
}
.背景1{
背景图片:url(http://placehold.it/800x450&text=Background1);
}
.背景2{
背景图片:url(http://placehold.it/800x450&text=Background2);
}
.背景3{
背景图片:url(http://placehold.it/800x450&text=Background3);
}

一些内容
第二页
第三页

这只是一个淡入淡出和视差效果(在文本中),我可以在这里找到它的教程?请查看:视差。对于淡入淡出,您不需要库,只需淡入滚动条上的文本,软滚动图像如何?这是正确的answer@Hamzaouiii对于一个不了解视差的初学者来说,这是没有帮助的,不管他是否需要指导,问题是他们在做什么来实现这种转变。正如jimosawy所说的,答案是他们听滚动事件,并相应地改变标题的位置和不透明度。