
获得徽章 0
- #视差滚动特效
(据不可靠推测) 视差滚动特效第一次出现在2014年,如今我们在很多网站上都可以看到它的身影。它的原理是通过前景与背景移动速度的差别,营造出一种奇妙的视觉体验。视差滚动一般分为两种:一种是前景和背景都动,但是前景比背景动得快(见图1);还有一种是只有前景动,背景不动(见图2)。
第一种(图1)既可以通过js实现,也可以通过css 3d transform实现。js实现的兼容性比较好,css实现的性能比较好。
第二种(图2)主要通过background-attachment: fixed实现,比较简单。
图1的Demo+源码:codepen.io
图2的Demo+源码:codepen.io
扩展阅读:keithclark.co.uk
pixelcog.github.io
展开评论49 - 推荐一个十分牛逼的图标库 Ikonate,上面的所有图标完全开源,皆可商用!
该图标库还支持自定义图标,你可以随意设置图标的边框、大小、风格、颜色等属性。在无障碍浏览和性能方面该库也做了充足的优化。
官网:www.ikonate.com
GitHub:github.com
展开评论112 - push 方法根据 length 属性来决定从哪里开始插入给定的值。如果 length 不能被转成一个数值,则插入的元素索引为 0,包括 length 不存在时。当 length 不存在时,将会创建它。613