3D旋转方块
CSS 3D 俄罗斯方块游戏基础版使用纯 CSS 使用的 3D 旋转俄罗斯方块，初始化是一个旋转的 3D 地面，游戏开始后不同形状的立体方块从天而降落到地面，目前仅有这两步骤效果，没有添加消除的游戏效果，您可以在此动画效果上扩展...
滚动轮播
CSS 实现鼠标滚动内容平滑切换动画效果纯 CSS 实现的滚动鼠标切换内容效果，页面中可放置多个section块元素，每个块元素中可随意定义文字、图片以及视频等内容，当滚动鼠标时每个section块元素会作为一个整体进行平滑的切换，同...
俄罗斯方块
Canvas 俄罗斯方块小游戏通过 JavaScript 驱动事件在 Canvas 画布上实现的经典俄罗斯方块小游戏，包含不同颜色的方块，可通过鼠标或者模拟键盘操控方块的变化以及移动，还能够控制游戏的背景音乐，可玩性超强，...
切换
CSS 创意手拨电源开关切换按钮非常有创意的一款状态切换按钮，外观是仿照现实生活中的电源手拨开关按钮设计的，当一边状态被选中/激活时会有按下开关的动画效果，而未被选中/激活的按钮则会翘起来，很有交互性，按钮的提示文案改成需求文...
网页聊天
CSS 轻量级聊天窗口组件纯 CSS 与两行 JavaScript 实现的轻量级html5页面聊天窗口，联系人支持自由收起与打开，附带输入中动画以及个性聊天信息对话框，实现特别简单，只需要 200 行左右的 CSS 即可...
小鸭子闯迷宫
JavaScript 经典益智游戏-鸭子闯迷宫游戏这是一款总共包含 54 个关卡的响应式益智游戏，无需各类三方插件，仅仅是基于 JavaScript 结合 CSS 实现的，不仅能在电脑上顺畅运行，在手机与平板上也能良好运行，尽管这款小游戏包含 ...
loading动画
CSS 跳跃加载 loading 动画效果超有创意的一款跳跃 loading 加载效果，使用 CSS 的 animation 以及 background 等关键属性实现的动画效果，对响应式支持的十分好，随着设备的尺寸逐渐减小动画效果会有...
手机边框
CSS 仿平板屏幕与手机屏幕边框效果由 CSS 实现的一款仿手机、平板边框效果，CSS 实现的整体布局及外观样式，底部的模拟手机底部导航栏及彩带是通过 svg 实现的，可以通过适当的调整main中的max-width属性宽度变为平...
色彩渐变
CSS 微微星光渐变色发光动画效果使用 CSS 实现的渐变色发光动画效果，基于 transform 以及 background-image 属性实现的，光的颜色可以自定义，当前动画是蓝光效果，一种宇宙深处的深邃感，如果想创建月光...
旋转胶囊
CSS 旋转胶囊创意 loading 加载器动画效果一款加载中动画效果，是基于纯 CSS 实现的相当的轻量级，该动画包含一个空中旋转的胶囊，该胶囊在旋转的过程中伴随着打开关闭效果，打开过程中胶囊内部会有颗粒运动的动画效果，持续到旋转运动非常适合于...
链接按钮
GSAP 实现 7 种丝滑的 SVG 链接按钮效果使用主流的动画组件 gsap 与 CSS 结合实现的 7 种带时尚炫酷过渡效果的 SVG 链接按钮，这七款按钮，每种按钮包含点中和取消两种不同的过渡效果，用在项目的按钮或者链接上的及时反馈的效果...