这是一款纯js和CSS3制作的图片百叶窗效果。该js图片百叶窗效果集成了多种百叶窗过渡动画效果,可以在多种环境中使用,如轮播图和下拉滚动等。
该js图片百叶窗效果使用了最小的css属性,需要在最新版本的浏览器中才可以看到效果。
该js图片百叶窗效果的动画使用anime.js来制作,第三个demo的滚动监听效果使用的是Intersection Observer API。
下面是该js图片百叶窗效果的gif动图效果。
该js图片百叶窗效果的github地址为:https://github.com/codrops/SliceRevealer
版权声明
版权说明: 仅限用于学习和研究目的;不得将上述内容用于商业和非法用途!否则一切后果自负。我们非常重视版权问题,如有侵权请邮件至(171373236#qq.com)与我们联系处理,敬请谅解!