多彩绳结
HTML中生成彩色绳结🪢效果使用功能强大的p5.js插件在Canvas画布上绘制彩色绳子缠绕在一起的效果，并且最终显示在HTML页面中，整体实现过程不足80行代码非常的轻量级，可作为学习使用，和可以在此基础上改造成符合你实...
渐变背景
CSS 渐变彩色动画背景通过CSS的keyframes结合SVG矢量图实现的渐变动画背景，动画像天空白云或者水泡融合到一起又分离一样的效果极有创意又吸引人，背景设置了蒙层磨砂屏效果并且设置了是靓丽的彩色颜色，并且此效...
悬停幻灯片
JavaScript带悬停效果的环绕型内容轮播插件这是一款现代的多功能时尚的带悬停效果的环绕型内容轮播插件，是基于JavaScript与CSS实现的，其中CSS负责外观及布局，JavaScript负责实现切换事件以及鼠标悬停事件。切换插件的下方...
AI火花按钮
CSS生成 AI 动画按钮，悬停按钮时显示霹雳火花动画效果你肯定猜不到这个AI动画按钮是由一张图片和一个视频制作的！按钮静止状态下其实是一张带闪电的图片，当鼠标悬停到按钮（闪电图片）上时触发的霹雳火花动画其实是个1秒钟的视频，这个视频是通过询问AI「最...
筛选过滤
基于 JavaScript 实现的标签菜单过滤器，支持响应式布局！实现了一种可以通过标签过滤内容的效果，可通过点击顶部标签菜单或者内容标签直接筛选出标签同类型内容，其中筛选过滤事件是通过JavaScript完成的，页面的整体布局以及筛选后的重新布局都是通过CS...
个性开关按钮
CSS制作的Emoji表情开关切换按钮使用CSS实现的多功能时尚开关切换按钮，按钮上的滑块处于关闭状态时呈现的是「难过」Emoji表情，当打开开关时呈现的是「快乐」的Emoji表情，而且在滑动开关时Emoji表情滑块是以滚动的动画效...
胶卷边框
CSS实现的电影胶卷形状，带胶卷形状边框的图片效果基于CSS实现的一排圆孔状电影胶卷与相机胶卷边框形状，底层是通过合理设置CSS的background、padding以及border等关键属性的值实现的。可将图片置于胶卷边框内形成胶卷边框效果。
3D锯齿边
CSS实现的3D三角锯齿边框形状使用CSS实现的3D三角形锯齿单边框效果，底层是通过设置CSS的background以及mask属性合适的值实现的效果，支持自定义图形的背景色、边框样式等。
虚线圆
CSS实现的虚线圆形使用CSS实现的用虚线线条画的圆圈，虚线呈现蓝色与棕色相间的色彩，主要是通过合理的设置CSS的mask以及background属性实现的，可对圆形虚线线条的密度、宽度以及颜色进行自定义。
聚焦轮廓
CSS实现照相机聚焦形状效果使用CSS实现的聚焦图形效果，由四个角的图形聚拢到一起形成的效果，可以将文字或者图片置于聚焦图形的内部，形成聚焦边框效果，同时也可以将此效果应用于聚焦图标场景使用，底层是基于CSS的mask以...