计算器
纯CSS实现的计算器，实现了加减乘除等基础功能这是一款拟物化计算器UI并且完整实现了计算器的基础功能，基于纯CSS技术实现，通过网格布局和交互状态模拟实体按键反馈，实现了加减乘除等基础的计算器功能，适用于教学演示或工具类网站场景。
翻转卡片
纯CSS响应式3D翻转卡片样例源码这是一款纯CSS实现的响应式翻转卡片，基于CSS3变换和媒体查询技术实现，通过3D旋转效果展示双面内容，良好适配不同屏幕尺寸，适用于产品展示和教学卡片场景。
DNA螺旋动画
CSS实现3D彩色版动态DNA螺旋动画这是一款基于纯CSS实现的玻璃质感彩色DNA双螺旋结构动画效果，通过3D变换和关键帧动画模拟分子链旋转效果，适用于科技类网站视觉装饰和生物学教学展示。
3D卡片
纯CSS实现的3D悬停翻转卡片效果这是一款3D翻转卡片效果，基于CSS 3D变换技术实现，卡片在悬停时会以3D方式翻转，展示另一侧面内容。适用于产品展示、个人简介、相册或教学卡片等场景，增强交互性和视觉吸引力。
3D翻书效果
HTML中基于纯CSS实现的通过鼠标晃动翻越图书的动画效果在HTML页面中通过纯CSS实现翻越动物连环画书本效果，只需要通过晃动鼠标就可以实现连环画书本的翻页动画，特别的有趣味性，可在教学项目或者其他需要展示多页的项目中使用。
CSS城堡
HTML元素结合少量CSS属性实现童话里的魔法城堡效果通过纯CSS技术实现的极具通话风格的魔法城堡效果，主要基于CSS的clip-path、box-shadow以及background等关键属性合理设置属性值实现，最终效果包括城堡、太阳、星星以及城...
大哥打电话
3D CSS复古「大哥大」砖头电话这是一款3D CSS复古设计效果，旨在回忆上世纪80至90年代初期的大型移动电话——大哥大。通过CSS3的3D转换和阴影效果，成功地复现了这些早期移动设备的经典外观。尽管今天的高端智能手机如iP...
分而不离
CSS通过点阵展示互不相交的三圆韦恩图动画效果基于纯CSS实现的由十二个脉冲点组成三环相交，永不相撞的三圆韦恩图动画效果。三圆韦恩图是一种常见的图形，用于展示三个集合及其相互之间的关系。在传统的三圆韦恩图基础上，这里引入了一种独特的设计—...
阿斯卡
付费课程网站与知识付费平台 Bootstrap 响应式模板「阿斯卡」是一款专为教育机构、在线课程、知识付费平台和讲师量身定制的 HTML 响应式模板，基于前段主流框架Bootstrap构建而成，包含了62+HTML功能内页，其中包含 10 个独特布局的...
爱迪玛
教育与在线课程行业专属 HTML 响应式模板，幼儿园、中小学以及大学网站专用模板！这是一款全面响应式的教育与在线课程HTML网站模板，内置25+html页面，其中包含4种独特的主页布局风格。还包含2款课程安排布局功能页、2款活动事件布局功能页以及完整的在线购物及博客页面，专为...