没有合适的资源？快使用搜索试试~ 我知道了~

文库首页开发技术Web开发css3背景图片页面滚动视差效果

css3背景图片页面滚动视差效果

共8个文件

png：4个

html：2个

txt：1个

css3

滚动视差

需积分: 37 588 浏览量 2019-11-24 22:54:46 上传评论收藏 21KB ZIP 举报

温馨提示

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

css3背景图片页面滚动视差效果

资源推荐

资源详情

资源评论

jquery css3网页背景视差滚动效果代码

jquery css3网页背景视差滚动效果特效代码

jquery css3网页背景视差滚动效果代码是让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。

全屏图片视差滚动切换代码

全屏图片视差滚动切换代码是一款基于CSS3实现的页面滚动视差切换特效下载。

滚动视差效果background-attachment实战记录

滚动视差效果的实现原理是在同一个页面上将页面元素分为多层，例如可以分为背景、内容、贴图层，在滚动页面的时候让三者滚动的速度不一，从而在人的视觉上能够形成一种立体的近似效果。最近在做一个项目wiki的时候要...

parallax-background.js:更改页面滚动上CSS背景位置以模拟视差移动效果

视差背景更改页面滚动上CSS背景位置以模拟视差移动效果

Parallax_Website_Single_Page.github.io:这是一个基于Udemy课程的项目，在该课程中，我学习了如何使用视差效果以及主要使用HTML，CSS，Javascript和JQuery滚动动画。是一个非常简单的页面，但是可以在所有屏幕尺寸下完全响应

网站开发建立单页网站视差网站目的：这是一个基于Udemy课程的项目，我在那里学习了如何使用视差效果和主要使用HTML，CSS，Javascript和JQuery滚动动画。页面非常简单，但是对所有屏幕尺寸都具有完全的响应能力。...

clove.js:一个jQuery插件，可以很容易地为网页添加视差滚动效果

该插件允许您根据页面的滚动位置更改任何 CSS 属性。丁香是非常可定制的。用法为了使插件正常工作，您需要指定一个文档类型。如果没有 doctype 标签，插件将无法工作。 <!DOCTYPE html > < html > ....

ParallaxFeaturedImage:将 WordPress Genesis 中的任何特色图像作为您的帖子或页面的视差滚动背景

将 WordPress Genesis 中的任何特色图像作为您的帖子或页面的视差滚动背景。如果没有特色图片并且您像我一样有固定的导航栏，则会添加上边距。演示在上可以看到一个工作演示，这就是我制作这个解决方案的目的。 ...

如何只使用CSS创建折叠标题效果的示例代码

许多开发人员在创建此类效果时依赖JavaScript，但是，使用纯CSS创建更简单的折叠头效果也是完全可能的。折叠标题的工作方式类似于视差效果。折叠标题的背景保持固定，以便当用户向下滚动页面时，其下方的内容可以在...

parallax-scroll-experiment:视差滚动实验

在之前和某些画布实验中，我都曾在视频游戏中尝试过视差，但从未尝试过制作视差滚动网页！有很多用于存档视差效果的插件，但是我没有使用任何插件。主要目标是学习如何制作它，而不受插件功能的限制！再次编程时...

Hw-8-My-New-Portfolio:更新了Bootstrap产品组合网页以实现CSS

页面上的视差滚动效果交互式项目组合页面，可访问已部署的项目该项目使用Bootstrap布局和Materialize进行响应式设计具有从移动设备到桌面的响应式布局特征：三个HTML页面 Index.html 包含“关于我”部分的...

GWC-可持续性网站

使用CSS和背景图像属性在网站首页上创建视差滚动效果。使用DOM，函数，事件侦听器和JavaScript事件来创建操作项清单。使用flexbox布局您的网站。使用CSS通过颜色，图像和字体来自定义网站的外观。使用注释...

Decor-Project

装饰项目超文本标记语言（HTML），级联样式表（CSS）和JavaScript是运行网络的语言。它们之间有着密切的联系，但它们也为非常具体的任务而...这种很酷的网站滚动技术称为“视差滚动”。在这个项目中，您将学习JavaScri

car-service-website-template-html：任何moto服务的理想模板

任何moto服务的完美模板。最适合快速启动。根据摩托车行业的需求精心生产，最好用于洗车，维修店，汽车美容或汽车包装。...具有大背景图像的平滑视差滚动介绍部分 YouTube模块视频自动播放介绍性视频背景

Parallax_Scrolling_demo

一个视差滚动的简单demo,主要利用了css的clip属性。 /*例如*/ clip: rect(-1714px auto -909px 0px); ###clip属性描述：剪切元素，剪切顺序为顺时针（上，右，下，左）; 右为auto可以理解为100%，左边为0，例子中...

HTML5 Canvas核心技术图形、动画与游戏开发

252 5.5　利用双缓冲技术绘制动画 253 5.6　基于时间的运动 254 5.7　背景的滚动 257 5.8　视差动画 261 5.9　用户手势 264 5.10　定时动画 266 5.10.1　秒表 266 5.10.2　动画计时器 269 5.11　动画制作的最佳指导...

微信小程序源码-合集6.rar

5星 · 资源好评率100%

微信小程序源码，包含：图片展示、外卖点餐、小工具类、小游戏类、演绎博览、新闻资讯、医疗保健、艺术生活等源码。

微信小程序源码-合集5.rar

5星 · 资源好评率100%

微信小程序源码，包含：豆瓣、微信、论坛、停车、房贷计算、股票、蜗牛生活、物品回收、学车预约、住房装修、斗鱼直播、水利、快拍、同城等源码。

微信小程序源码-合集4.rar

5星 · 资源好评率100%

微信小程序源码，包含：3C手机商城、kindle图书商城、大宅小屋拼团、球鞋商城、扫码购物、一元夺宝、喜茶店铺、京东首页、京东白条、小米商城等35个商城类源码。

微信小程序源码-合集3.rar

4星 · 用户满意度95%

微信小程序源码，包含：汤总便利、茶铺门店、滴滴拼车、同城拼车(带后台)、企业OA系统、房地产公司展示、华云智慧园区、汽车维修、评测、停车等源码。

微信小程序源码-合集2.rar

5星 · 资源好评率100%

包含：Bookshare 借书小程序、课程预约、蒙台梭利幼教、托福资料（完整带Java后台）、校内网小程序、悦读神器、云文档等源码！

浏览器插件 Auto Refresh Plus 7.4.4 ctx

5星 · 资源好评率100%

对于需要在特定时间轻松执行自动网页刷新的任何用户，Auto Refresh Plus都非常方便。它还提供内容检测支持，当您需要查找动态网页中包含的内容时，这确实非常有用。

收起资源包目录

texiao3652_1560929581.zip （8个子文件）

texiao3652_1560929581

a2.png 6KB

找免费网页素材就上【素材圈】.url 121B

a3.png 6KB

index.html 2KB

Readme必读.txt 616B

a1.png 6KB

Readme必读.html 638B

a4.png 6KB

共 8 条

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

siwim

粉丝: 30
资源: 4653

上传资源快速赚钱

我的内容管理收起

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

会员权益专享

css3背景图片页面滚动视差效果

CSS视差滚动效果

CSS3 滚动视觉差效果

jquery+css3固定背景视觉差滚动效果代码

CSS3背景图滑动视差效果幻灯片.zip

纯css3滚动视差图片效果

jquery css3网页背景视差滚动效果代码.zip

jquery css3网页背景视差滚动效果代码

jquery css3网页背景视差滚动效果特效代码

全屏图片视差滚动切换代码

滚动视差效果background-attachment实战记录

parallax-background.js:更改页面滚动上CSS背景位置以模拟视差移动效果

Parallax_Website_Single_Page.github.io:这是一个基于Udemy课程的项目，在该课程中，我学习了如何使用视差效果以及主要使用HTML，CSS，Javascript和JQuery滚动动画。 是一个非常简单的页面，但是可以在所有屏幕尺寸下完全响应

clove.js:一个jQuery插件，可以很容易地为网页添加视差滚动效果

ParallaxFeaturedImage:将 WordPress Genesis 中的任何特色图像作为您的帖子或页面的视差滚动背景

如何只使用CSS创建折叠标题效果的示例代码

parallax-scroll-experiment:视差滚动实验

Hw-8-My-New-Portfolio:更新了Bootstrap产品组合网页以实现CSS

GWC-可持续性网站

Decor-Project

car-service-website-template-html：任何moto服务的理想模板

Parallax_Scrolling_demo

HTML5 Canvas核心技术 图形、动画与游戏开发

微信小程序源码-合集6.rar

微信小程序源码-合集5.rar

微信小程序源码-合集4.rar

微信小程序源码-合集3.rar

微信小程序源码-合集2.rar

浏览器插件 Auto Refresh Plus 7.4.4 ctx

会员权益专享

最新资源

Parallax_Website_Single_Page.github.io:这是一个基于Udemy课程的项目，在该课程中，我学习了如何使用视差效果以及主要使用HTML，CSS，Javascript和JQuery滚动动画。是一个非常简单的页面，但是可以在所有屏幕尺寸下完全响应

HTML5 Canvas核心技术图形、动画与游戏开发