网页设计中2015年最主导的趋势无疑是视差滚动效应，没有任何迹象正在减弱。 视差滚动将页面转换为有趣的幻灯片，其中页面上的不同元素相对于页面的滚动以不同的速度移动。 在本教程中，我们将熟悉如何在CSS和JavaScript中创建基本的视差滚动页面，并深入了解整个过程中的shebang。
与背景和泡沫的起始页
首先，我们将构建基本页面，只有深海背景和两个大气泡，没有鱼或JavaScript妨碍我们：
HTML标记是准系统：
观察页面上的不同图层以及它们的位置。 BODY元素仅用于显示大型深海背景图像：
的
background-size: cover
CSS3属性确保图像覆盖元件的整个区域;
虽然这个属性是资源密集型的，但它应该在视差滚动应用程序中使用约束，这使得我们用背景图像抹去我们身体每一寸的轻微工作。
然后是我们的两个泡泡。 每个都呈现为DIV的背景图像，该DIV固定在页面上并位于页面的左上角：
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/69933200/viewspace-2651846/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
CSS媒体查询简介（2）
请登录后发表评论
登录
全部评论
