死神镰刀
SVG 结合 CSS 创建背着镰刀带着斗篷的死神形象，支持「震惊」等4种动画效果创建了一个具有「大笑」、「震惊」、「晃动」、「跳舞」四种动画效果的死神（Grim Reaper）图标。使用SVG结合CSS动画，使背着镰刀穿着斗篷的死神慢悠悠的上下晃动起来，营造出一种神秘和恐...
水波纹
SVG波浪线波动起伏动画效果，含多种颜色以及多种弯曲弧度这个效果通过使用SVG（可缩放矢量图形）和CSS以及少量的JS代码创建的波浪动画。实现原理：通过动画化SVG polyline 元素的点（points），使其呈现出波动的效果，看起来像是水波或海浪。
图标动画
SVG与CSS实现的无限符号图标边框流动动画效果基于CSS的keyframes、transform以及animation等关键属性实现的带边框流动效果的无限符号图标，可通过「切换主题」以及「切换轮廓」功能按钮查看不同的效果。无限符号使用的sv...
动画logo
svg六边形与圆结合的logo，anime.js实现「半空掉落」出场动画效果创建一个带「半空掉落」出场效果的六边形与圆相结合的logo动画，其中六边形与圆是通过svg实现的，「掉落」的动画效果则是使用流行的JavaScript 库 anime.js 来实现，而整体的布...
头像动画边框
THML中创建五彩圆形图片边框，带五彩边框生成过程动画效果这是一款动感十足的图片边框动画效果，初始化html页面这款图片边框会有一个绘制生成的动画效果，特别的炫酷，边框总共包含了4种不同的颜色对应的是四个svg矢量图，然后再通过「d3.v4.js」这款...
Sierpinski
JavaScript结合SVG实现谢尔宾斯基(Sierpinski)三角形递归分形动画效果这是一款经典的谢尔宾斯基(Sierpinski)三角形分形过程网页版动画效果，可以通过鼠标点击黑色三角形进行无限的分形，每次分形都把一个三角形分成四等份，挖掉中间那一份，然后继续对另外三个三角形...
插头开关
SVG 开关插头接电动画效果使用SVG结合CSS以及JavaScript实现的开关插头操控开关的动画效果，其中的插头和点线是svg生成的，整体的样式布局以及插头接电的动画效果是通过css实现的，屏幕点击事件是通过JavaS...
群山地貌图
SVG 山川沟壑地貌背景图使用svg实现的山脊地貌图，全图呈褐色，只用到了svg没有任何其他的依赖，总大小只有427b,相当的轻量级，该svg地貌图支持通过鼠标或者两指触摸放大查看细节。
电流特效
SVG 电流流动能量环绕闪电动画效果通过svg结合css实现的一个充满能量和动感的能量球或电源图标，其周围环绕着流动的彩色光线，暗示着强大的能量释放或数据传输的过程。中间的闪电图标会呈现能量流动的动画效果，这款富有创意的动态视觉...
穿插动画
CSS SVG 线条极速穿插动画效果使用 CSS 结合 SVG 矢量图动画实现的线条快速无限穿插效果，页面上放着一个极速煽动偏直角平躺着的阿拉伯数字8，周围泛着微微的白光动画，线条（也像利剑）极速穿插在8的四面八方，很炫酷的飞刀效...