登录界面
HTML复古游戏风格登录表单通过Vue.js实现的复古经典游戏风格登录表单，点击登录按钮加载中状态会出现「吃豆人」的游戏元素动画效果，非常有趣其有创意的一款登录界面，可以将经典的视频游戏元素与现代前端框架结合起来。这样的登...
按钮组
CSS实现的高颜值按钮组单选按钮组件使用CSS实现的一款颜值超高的按钮组插件，可实现单选框功能，选中的按钮会变为黑色并且带鼠标悬浮以及点击按钮尺寸变宽的过渡效果，交互性非常强且好看的一款按钮组插件，用在项目中很亮眼！
3D按钮
CSS 4款不同变换效果的3D按钮悬浮动画效果使用CSS实现的4款不同旋转效果的3D按钮。当鼠标悬停于3D按钮之上时，按钮旋转方向并且显示不一样的文字内容。是通过定义前后、上下左右上下六个面加上前后两个包装面实现的最终效果。使用起来也很方便...
立体开关
CSS实现等轴视角下的2.5D风格开关切换动画效果使用CSS的transition、transform以及grid-template-rows等关键属性实现的等轴视角下的2.5D风格立体开关动画效果，多用在游戏或其他创意场景中。附带阴影以及明暗...
查询动画
CSS定制搜索中动画效果（眼睛注视放大镜加载中动画）使用CSS实现的创意搜索动画效果，这是一种点击查询按钮且搜索结果未出现之前的一段动画效果，呈现的效果是：转动的眼球注视放大镜，且上方带有加载状态的三点动画。整个动画效果全是基于CSS实现的不依赖...
光束
HTML 密码输入框灯光投射效果，实现密码隐藏与显示切换功能这是一款特别有创意且实用的控制密码输入框显示、隐藏切换的动画效果，利用CSS结合JavaScript技术实现的光束显示密码效果，并且光束会随着鼠标微微移动。当点击密码输入框右侧的眼睛小图标时会显...
个性单选
CSS自定义高颜值radio单选按钮，附带选中交互动画效果基于CSS实现的一款颜值超高的自定义单选框，底层了CSS的transform、transition以及box-shadow等关键属性实现。当选中按钮时会伴随着「实心圆」变为「空心圆」的动画效果，...
AI火花按钮
CSS生成 AI 动画按钮，悬停按钮时显示霹雳火花动画效果你肯定猜不到这个AI动画按钮是由一张图片和一个视频制作的！按钮静止状态下其实是一张带闪电的图片，当鼠标悬停到按钮（闪电图片）上时触发的霹雳火花动画其实是个1秒钟的视频，这个视频是通过询问AI「最...
创意表单
GSAP 趣味性十足的鲁布·戈德堡（Rube Goldberg）HTML登录表单先解释下鲁布·戈德堡机械（Rube Goldberg），它是一种被设计得过度复杂的机械组合，以迂回曲折的方法去完成一些其实是非常简单的工作，例如倒一杯茶等等。这是外国人设计的一种「连锁反应机器」...
切换
CSS 创意手拨电源开关切换按钮非常有创意的一款状态切换按钮，外观是仿照现实生活中的电源手拨开关按钮设计的，当一边状态被选中/激活时会有按下开关的动画效果，而未被选中/激活的按钮则会翘起来，很有交互性，按钮的提示文案改成需求文...
链接按钮
GSAP 实现 7 种丝滑的 SVG 链接按钮效果使用主流的动画组件 gsap 与 CSS 结合实现的 7 种带时尚炫酷过渡效果的 SVG 链接按钮，这七款按钮，每种按钮包含点中和取消两种不同的过渡效果，用在项目的按钮或者链接上的及时反馈的效果...
木制按钮
CSS 木制感十足的开关按钮使用 CSS 绘制的复古风格浓重的木制外观按钮，提供了四种个性的样式，其中第一种样式使用了 svg 的图标实现，其余都是纯 CSS 实现的，原理主要是使用了 CSS 的 radial-gradi...