这是一款纯 CSS 实现的卡片切换效果，原理是通过单选按钮 radio 选择不同的按钮后，再使用 CSS 选择器选中对应的内容显示。
这是一款清爽简单的 HTML5 音乐播放器，一个简洁的播放器包含了转动的封面，有 3 个主要的按钮，分别为「上一首」、「播放/暂停」和「下一首」，点击或拖动进度条也可以控制播放进度。
如今，直播似乎成了一些人生活不可缺少的一部分，有事没有就看几分钟。各种直播平台也是不断冒出，为了吸引用户，平台也是使出各种招数，除了明星、美女、搞怪、组团之外，平台的 UI 界面也花费了不少功夫，今天来制作一个直播平台主播列表的效果。 <div class="dowebok"> <ul> <li> <a class=...
这是一款由小方块组成的时钟效果，该效果的时和分两个数字由小方块组成，每个数字 15 个小方块，一共 60 个。时间每增加 1 秒，就会填充 1 个小方块，填充满 60 个之后，就加 1 分钟，并且清空重新填充。可用作电子时钟或大屏幕时钟。
这是一个使用 Vue 2.x 制作的简单的 Todo List，虽然简单，但也拥有完整的功能：有基本的代办列表、标记完成/未完成、增加/删除代办、已完成过滤到底部等等。
简介 微信读书是微信基于微信关系链的官方阅读应用，为用户推荐书籍，提供良好的阅读体验，同时也可以查看微信好友的动态等。微信读书除了本身 App 做的优秀之外，其官方页面也做的与众不同，之前很多人见过比较多的全屏滚动效果都是竖屏的，比如本站也介绍了很多优秀的插件，如 fullPage.js、DD Full Screen Slider、fullPage、onep...
这是一款斜切的手风琴幻灯片，幻灯片以类似斜切后的手风琴效果结合动画效果进行切换，与以往常见到幻灯片效果不一样。
这是一款使用纯 CSS 制作的幻灯片，实现原理是用 radio 是否选中配合 CSS 选择器实现显示隐藏。如果不希望使用 JS，可以尝试选择这种方案。
这是一款使用纯 CSS 制作的水平幻灯片，没有任何 Javascript 代码，主要的原理是通过选择不同的 radio 触发显示对应的幻灯片，可以应付简单的应用场景。格式为 EPS，含 JPG 预览图。 纯CSS水平幻灯片
这是一款漂亮的套餐价格表，使用波浪将价格和服务项进行分割，波浪由 svg 制作，当鼠标进入时有动画效果。详细的服务项演示默认为 3 条，可自由增加。
这是一款动态的 404 错误页面，「404」三个数字以炫彩颜色在不停的流动着。
这是一款黑夜里迷失的 404 错误页面，由路灯和长椅设计而成。
这是仿微信支付 H5 页面，使用 WeUI 制作，并且兼容了 iPhone X、iPhone X Max、 iPhone XR 等机型。
这是一款圆形动态时钟，钟面上有 1-12 个数字，有时针、分针和秒针，并且按照着背景时间在行走着。
