ReactiveCSS阅读书架,开书翻页与收藏状态

翻页书架

ReactiveCSS阅读书架,开书翻页与收藏状态

八本书在书架与阅读页之间展开收合,收藏和已读状态跨页保存,书封随指针轻微倾斜。

ReactiveCSS 邻近文字,指针感应文字重光晕特效

感应文字

ReactiveCSS 邻近文字,指针感应文字重光晕特效

指针划过字母时,邻近文字逐渐变宽、变重并泛起光晕,触屏可点击体验局部变化。

WebGL棱镜相册,双组图片碎片飞散重组切换转场效果

碎片换图

WebGL棱镜相册,双组图片碎片飞散重组切换转场效果

两组风景与抽象图片采用不同画幅,切换时棱镜块随流场飞散、翻转再重组,附缩略图导航。

药水分类,试管倒色与闯关 HTML 小游戏

试管倒色

药水分类,试管倒色与闯关 HTML 小游戏

点击试管提起并向另一支倒入同色液体,整理全部药水即可过关,附步数统计与三关挑战。

Three.js立体翻页书,纸雕世界展开与收合动画
精品

纸雕故事

Three.js立体翻页书,纸雕世界展开与收合动画

书页展开城堡、海浪、巨龙与夜城,纸片沿折痕升起或收拢,镜头串联多个纸雕世界。

Three.js深海水母,发光粒子与繁衍生态模拟动画

微光水族

Three.js深海水母,发光粒子与繁衍生态模拟动画

水母与栉水母在深水中漂浮,追随光源、摄食并繁衍,点击投食可改变逐渐演化的种群。

SVG西瓜加载动画,圆弧果肉与瓜籽循环转动效果

夏日等待

SVG西瓜加载动画,圆弧果肉与瓜籽循环转动效果

圆弧果肉、外皮与瓜籽围绕中心循环变化,适合为等待状态增加轻量的夏日视觉提示。

JavaScript液态标志,苹果轮廓流动变形效果

流体图形

JavaScript液态标志,苹果轮廓流动变形效果

苹果形状与文字在液态渲染中流动变形,可设置颜色、播放起点和动画节奏。

CSS彼岸花绽放,随机花丛与飘散光点动画效果

彼岸花海

CSS彼岸花绽放,随机花丛与飘散光点动画效果

红色彼岸花逐层绽放,花瓣与花蕊复用 SVG 形状,随机花丛与飘散光点营造秋日氛围。

Three.js重力球体官网,滚动坠落聚合与穿越效果

重力球阵

Three.js重力球体官网,滚动坠落聚合与穿越效果

球体从悬浮阵列坠落、碰撞,再聚合为心形并向镜头飞出,搭配分屏文字与配色切换。

切水果 HTML 小游戏,连击炸弹与冻结时间游戏

水果切切

切水果 HTML 小游戏,连击炸弹与冻结时间游戏

水果沿弧线抛起,划动可切开并计分,连击提高收益,炸弹扣分,棒棒糖短暂冻结时间。

Reactive CSS日期尺组件,拖动刻度与数字滚轮选择

滚轮日历

Reactive CSS日期尺组件,拖动刻度与数字滚轮选择

拖动日期尺驱动数字滚轮,提供月日与年月日两种版本,并处理月底、星期和闰年变化。