- 博客(2)
- 收藏
- 关注
RSS订阅原创 前端滑动效果：滑动动画
在原本的动画中，css是受时间驱使的，而animation-timeline: scroll(nearest)可以把css动画的进程与滚动条事件绑定起来，大家可以复制粘贴看看效果。start center end这三个就不是跟随滚动条滚动而推进动画了，而是根据是否到达指定位置而加载动画，加载时还是按时间推进，只是开始的时间由滚动条支配。上诉代码中，svg线条动画是鑫旭大佬写的，实在是太好看了，就不删了；灵感来自于鑫生活，推荐大伙都去看看，大佬就是大佬，好几年前写的，让现在的我逐帧学习。
2025-01-17 17:32:49
341
原创 学习前端滑动效果：视差滚动
其中，最重要的就是css代码中的 background-attachment: fixed，实现页面滚动时背景图固定不变。作为一名前端小白，非常有必要学习一内内好玩的技术提升网页的逼格，所以我上网看了半天，找到了视差滚动，学习后记录一下。总结网上的说法，实现视差滚动，就是固定住背景图，以下就是我的代码。
2025-01-16 11:22:26
396
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人