这是一款响应式动画效果博客幻灯片，使用 Swiper 插件制作，包含缩略图、日期、标题、简介、详情链接等信息，幻灯片切换时，这些信息带有淡入淡出等动画效果。
这是一款太空题材的 404 错误页面，包含了太空、行星、坠落的飞船和在太空迷失方向漂泊着的太空人。页面的动画效果由 CSS3 制作，低版本的浏览器无法显示。
这是一款扁平清爽的登录注册页面，采用绿色背景设计，登录页面和注册页面可以动画的切换。简洁设计，可搭配任意网站。
这是一款使用纯 CSS 制作的幻灯片，实现原理是用 radio 是否选中配合 CSS 选择器实现显示隐藏。如果不希望使用 JS，可以尝试选择这种方案。
这是一款粉色星空设计注册页面，左边为一副紫色星空图，右边为注册表单。
这是一款动态的 404 错误页面，「404」三个数字以炫彩颜色在不停的流动着。
这是一款清爽简单的 HTML5 音乐播放器，一个简洁的播放器包含了转动的封面，有 3 个主要的按钮，分别为「上一首」、「播放/暂停」和「下一首」，点击或拖动进度条也可以控制播放进度。
这是一款漂亮的手风琴效果，采用 flex 布局，对不同的分辨率都做了兼容处理，使之能够在众多设备上显示。
这是一款简洁大气的登录页面，左边是登录表单，使用蓝色和白色搭配；右边是一张图片，可更换成需要的图片。总体简洁大方，适合大部分网站。
这是一款简洁动感的登录页面，光标聚焦到每一输入框或者点击按钮后彩色线条都会「流动」到对应的地方，有很强的指示效果。动感线条使用 svg 实现。
这是一款动感时髦的下拉菜单，点击菜单后，子菜单会以动画的形式伸缩展开。下拉菜单使用纯 CSS 实现，无任何 JS 代码。实现的原理是使用 input 的 radio 是否选择配合 CSS 选择器 和 CSS 动画。
这是一款黑夜里迷失的 404 错误页面，由路灯和长椅设计而成。
管理后台一般功能比较多，数据字段也比较多，为了使主要内容展示区显示更多的内容，一般会把菜单收缩起来，本例就是一个管理后台侧滑菜单，类似与阿里云或其他一些云服务商系统后台菜单。菜单默认收缩起来，只显示图标，当鼠标进入菜单区域，则展开显示具体的菜单名称。
这是一款纯 CSS 实现的计时器，无任何 JS 代码。实现的原理为使用 CSS 选择器结合 checkbox 是否选中，配合 CSS 动画进行「位移」变更数字，以达到计时的效果。
这是一款斜切的手风琴幻灯片，幻灯片以类似斜切后的手风琴效果结合动画效果进行切换，与以往常见到幻灯片效果不一样。
