Donut progress bar
在这个 demo 中, 进度条是由 "辛普森家族" 成员的图片组成的, 每点击下箭头, 就会出现一张新的照片
Energy 3
这个充满魔性的 demo 展示了很多射向不同方向的线条的运动轨迹以及颜色变化, 动画很炫, 动作很酷, 颜色也很抓眼球哦! animations, amazing movements and eye-catching colors.
Just an illusion
通过点击和拖动鼠标就就可以在这个 demo 里面绘制出一串小球体, 他们之后会围绕着 Y 轴旋转, 组成带有 3D 效果的图像 你可以添加任意多的球体, 发挥你的想象力吧!
Look Alive
这是一个使用 webGL 和 Threejs 创建的人眼 3D 模型, 眼球可以跟随着你的鼠标箭头移动 眼球的真实度很高, 同时阴影和光照效果也很棒!
Spiral Art maker
这个 demo 可以绘制一些有趣的辐射图形, 呈现不同的动作你可以修改线条个数, 步长线宽绘制速度以及其他属性这就是个万花筒啊!
Live Screen Effect
这个 demo 展示了一个正在浏览 codepen 主站的笔记本, 通过 CSS matrix 3D 制作而成 看起来这就像一个真正的网页, 你可以操作页面, 页面滚动, 点击元素都没问题
Tunnel
这个 demo 带你来一次穿越虚拟隧道的旅行, 可以移动鼠标来四处观望哦! 整个画面质量极高, 阴影和反射都很真实, 不仅这样, 这个 demo 的性能也很棒, 没有卡顿!
Animated SVG Avatar
这个好玩的登录页面是有动态生成的 SVG 元素组成, 头像可以跟随者你输入信息移动, 做出动画当你输入 email 的时候, 它会看着你输入的内容, 而当你输入密码的时候, 他就蒙住了眼镜, 好萌啊!
3D flashing Moose
这个好玩的 3D 小人可以绕圈移动, 动作流畅自然, 有动态的阴影和光效, 动画很棒, 关键是, 这是一个纯 CSS 的 demo 啊!
Rabbit hit and hide game
打地鼠变成了打兔子游戏, 看看你能得多少分吧!
来源: https://sdk.cn/news/8111