这是一款纯 CSS 实现的卡片切换效果，原理是通过单选按钮 radio 选择不同的按钮后，再使用 CSS 选择器选中对应的内容显示。
这是一款简单的 404 错误页面，「404」这三个数子加入了增长跳动的动画，使页面显得不那么单调。同时兼容了移动设备显示。页面为极简设计，适用于任何风格的网站。
这是一款圆形动态时钟，钟面上有 1-12 个数字，有时针、分针和秒针，并且按照着背景时间在行走着。
如今，直播似乎成了一些人生活不可缺少的一部分，有事没有就看几分钟。各种直播平台也是不断冒出，为了吸引用户，平台也是使出各种招数，除了明星、美女、搞怪、组团之外，平台的 UI 界面也花费了不少功夫，今天来制作一个直播平台主播列表的效果。 <div class="dowebok"> <ul> <li> <a class=...
这是一款清爽简单的 HTML5 音乐播放器，一个简洁的播放器包含了转动的封面，有 3 个主要的按钮，分别为「上一首」、「播放/暂停」和「下一首」，点击或拖动进度条也可以控制播放进度。
很好看的网页单页，可以用作产品开发规划，或者发展史什么的。
这是一款由小方块组成的时钟效果，该效果的时和分两个数字由小方块组成，每个数字 15 个小方块，一共 60 个。时间每增加 1 秒，就会填充 1 个小方块，填充满 60 个之后，就加 1 分钟，并且清空重新填充。可用作电子时钟或大屏幕时钟。
这是一款简洁大气的「联系我们」页面，左边为一副大尺寸的背景图，右边为表单，表单加入了基本的验证。页面适配了各种分辨率，任何设备都可以使用。
这是一款漂亮的套餐价格表，使用波浪将价格和服务项进行分割，波浪由 svg 制作，当鼠标进入时有动画效果。详细的服务项演示默认为 3 条，可自由增加。
抽奖效果有很多种，常见的有转盘、九宫格、随机码等等 制作方法 1、首先制作九宫格转盘，HTML、CSS 和 JavaScript 分别如下： <div class="draw" id="lottery"> <table> <tr> <td class="item lottery-unit lottery-unit-0...
这是一款动态的 404 错误页面，「404」三个数字以炫彩颜色在不停的流动着。
