车辆驶入
CSS餐车驶入页面动画效果基于纯CSS定制的多种餐车形象，包括汉堡餐车、披萨餐车、卷饼餐车以及冰激凌餐车，通过页面顶部的单选按钮选择餐车类型，当选择对应类型后，对应的餐车类型车辆会驶入并斜着停放在页面，当切换为其他餐车类...
对向滚动
CSS响应式双层双向无限滚动Logo墙效果，支持垂直与水平方向切换创建一个响应式的双层内容对向无限滚动的 Logo 墙（Marquee）动画效果，并且支持调整滚动方向，支持垂直与水平两种滚动模式，可通过按钮切换滚动方向。这种效果使用纯 HTML 和 CSS 来...
流光按钮
CSS带有动态边框和渐变背景的CTA召唤按钮这是一个带有动态边框和渐变背景的闪亮CTA召唤按钮。使用CSS的@property规则可以定义自定义属性，使动画效果更加灵活和可控。@keyframes规则用于定义动画效果，而animation...
高尔夫单选框
CSS利用高尔夫进洞的动画效果实现创意且趣味性十足的单选按钮（radio buttons）这个效果通过使用CSS来创建一个类似于迷你高尔夫（Putt-Putt）的游戏界面实现创意且趣味性十足的单选按钮（radio buttons）。每个单选按钮被设计成一个高尔夫球洞，当用户选择某个选...
感应小游戏
HTML四色板点按顺序与音调记忆小游戏，考验你的记忆力以及音调感知能力一款通过CSS以及JavaScript实现的非常好玩的感应小游戏，通过记忆声音播放顺序或者四色版点按顺序加上自己对音乐的感知能力挑战游戏关卡。通过点击「开始」按钮开始游戏，仔细倾听播放的音调以...
方块文字
HTML实现的拼字游戏Scrabble风格木质方块文字这个效果通过使用Splitting.js库来创建类似拼字游戏Scrabble的字母方块（tiles）。当页面加载或用户点击「运行动画」按钮进行交互时，文本会被拆分成单独的字母，每个字母都显示在一...
加载按钮
CSS按钮的「提交、加载、完成」完整流程动画效果这种按钮加载动画效果是通过使用CSS中的:checked伪类来模拟进度和完成状态，当复选框（checkbox）被选中时，:checked状态会被激活，从而触发预定义的CSS样式变化，这些变化包括...
介绍卡片
HTML创意个人简介卡片布局，附带交互性极强的折叠与打开详情功能通过JS结合CSS实现的个人信息展示卡片布局效果，初始状态下是一张手绘简图（可以根据性别放置不同的图片），简图的眼神会随着鼠标的方向进行移动。当点击简图后会呈现「折叠纸甩开摇摆」的动画效果，在简...
登录界面
HTML复古游戏风格登录表单通过Vue.js实现的复古经典游戏风格登录表单，点击登录按钮加载中状态会出现「吃豆人」的游戏元素动画效果，非常有趣其有创意的一款登录界面，可以将经典的视频游戏元素与现代前端框架结合起来。这样的登...
运动轨迹
CSS 基于 cubic-bezier 实现加速减速运动曲线基于CSS的三次贝塞尔函数cubic-bezier（）以及animation和keyframes实现的加速减速不断变换位置的曲线动画效果。增加了变换背景色以及图形数量的设置按钮。
按钮组
CSS实现的高颜值按钮组单选按钮组件使用CSS实现的一款颜值优异的按钮组插件，可实现单选框功能，选中的按钮会变为黑色并且带鼠标悬浮以及点击按钮尺寸变宽的过渡效果，交互性非常强且好看的一款按钮组插件，用在项目中很亮眼！
3D按钮
CSS 4款不同变换效果的3D按钮悬浮动画效果使用CSS实现的4款不同旋转效果的3D按钮。当鼠标悬停于3D按钮之上时，按钮旋转方向并且显示不一样的文字内容。是通过定义前后、上下左右上下六个面加上前后两个包装面实现的最终效果。使用起来也很方便...