滚动联动画廊

纯 CSS 实现滚动联动导航图库预览效果

这是一款基于纯 CSS 实现的图片画廊导航效果，综合运用了 :target-before、:target-current、:target-after 伪选择器、CSS 锚点定位（Anchor P...

过年歌轮播

滚动居中放大预览卡片，CSS 原生滚动驱动卡片轮播动画

这是一款基于 CSS animation-timeline: scroll() 实现的滚动缩放效果。页面初始呈现一排等大的深色卡片，随着用户向下滚动，位于中心的卡片会逐渐放大并高亮为蓝色，两侧卡...

滚动时间轴

GSAP滚动弯曲轨迹时间轴、事件线图文展示组件

这是一款滚动弯曲事件轴轨迹图文展示布局效果，基于 Scroll-Animation API+ScrollTrigger+CSS 技术实现 —— 能让页面图文区块内容随着滚动呈现分层入场的解构式动...

滚动时间

CSS实现LED屏滚动显示日期时间效果

CSS实现的一款LED屏滚动显示日期时间效果，首先通过CSS的background-image: linear-gradient等关键属性定制LED屏幕效果，然后通过animation以及box...