绿色简洁风格响应式视差网页模板
绿色简洁风格的响应式视差网页模板,挺适合做展示类网站的。整体是清新风,版式干净,配色舒服,用起来还蛮顺手。支持各种尺寸的屏幕,自适应能力比较强,手机、平板、PC 都没问题。视差滚动做得也比较自然,用的不是重 JS 效果,滚动的时候不会觉得卡。
模板结构清晰,index.html
里布局排得工整,HTML5 语义化做得还不错,像、
这些都有用上。样式方面用的是常规的CSS3,配合媒体查询,调样式挺方便的,适合拿来改。响应也快,
position: relative
和flex
用得挺多,布局比较灵活。
里面的视差特效是通过JavaScript
实现的,如果你有用过GSAP
或者Parallax.js
,上手就更快了。动画过渡是滑滑的,滚动的时候背景和前景错位感挺自然,不会太夸张。
如果你正打算做公司主页、产品展示页或者服务页,这套模板可以帮你省不少事。页面结构已经帮你搭好了,内容换一换就能上线。适合不想从零写布局的你,拿来改一改就能直接用。
你要是喜欢这个风格,也可以看看其他几个类似模板:
如果你刚入门前端,建议先看看media query
和响应式布局的用法,再动手改样式会轻松不少。
绿色简洁风格响应式视差切换网页模板.zip
预估大小:63个文件
21219
文件夹
demo_kenburns.html
16KB
js
文件夹
main_youtube.js
33KB
demo.js
2KB
bootstrap.min.js
35KB
main_constellation.js
33KB
SmoothScroll.html
418B
main_kenburns.js
26KB
respond.min.js
4KB
...
7.72MB
文件大小:
评论区