罗马时钟
CSS+JS实现拥有罗马数字金属骨架外观的罗马模拟时钟通过CSS结合JavaScript实现的罗马模拟时钟，时钟的表盘是通过罗马数字符号的金属架构组成的，相当有金属质感和古老风格的一款时钟效果。并且支持鼠标悬浮显示阿拉布数字的时间提示。实现这一款...
翻页时钟
CSS翻页效果主题数字时钟一款通过CSS结合JavaScript技术实现的翻页效果数字时钟，数字时钟的时分秒数字变化像是翻页一样特别的有创意。基本的HTML代码结构如下，通过CSS设置时分秒三块区域的样式及动画效果，J...
饼图钟表
SVG+CSS饼图主题模拟时钟，指针扫过的区域是一个饼图！基于CSS+JS+SVG实现的一款创意模拟时钟，钟表指针扫过的区域阴影部分是一个饼图效果，而整个钟表的表面被划分为了三个不同颜色的区域，其中钟表素材是由svg实现的，饼图时钟整体效果是由CSS实...
数字串钟表
CSS+JS实现通过当前时间的时分秒数字串起来的指针组成的创意模拟时钟！一款特别有创意的模拟时钟效果，钟表的时分秒常见指针都是通过当前时间所对应的数字串联到一起的，随着时间规则的走动。这款有趣的钟表效果实现起来也很简单，通过CSS绘制表盘以及指针行走动画，JavaS...
开关按钮
CSS实现Gooey黏糊糊拨动开关按钮，气泡挤到一侧效果！通过CSS结合JS实现的黏糊糊动画效果开关拨动按钮，这种动画也像是泡泡被挤到一侧效果。其中的按钮是通过SVG矢量图实现的，CSS实现整体的动画效果，JavaScript响应按钮点击的切换事件。
拉伸单选框
CSS+JS实现创意拉伸传递效果单选框radio按钮基于CSS结合JavaScript实现的一款极具创意的拉伸传递效果单选按钮，进行单选选择时，会有一个从上次选中选项区域到当前选中选项区域的一个拉伸动画效果，并使「选项」下落到选中位置。交互性和趣...
切换搜索选项
CSS+JS实现点击放大镜查找图标动态调整搜索选项的创意搜索框这款搜索框太太太有创意了！这简约风格、这实用功能真的太好用了！通过CSS技术在常规的搜索框基础上添加了搜索图标也就是放大镜小图标的动画效果，当点击放大镜时会响应搜索类型切换的功能，并且放大镜会做...
活泼米老鼠
CSS实现米老鼠卡通形象，JS驱动米老鼠的眼神追随鼠标移动！这是一款通过CSS结合JavaScript技术实现可识别方向的米老鼠动画效果，首先在HTML文件中定义好卡通米老鼠形象的头部各个部位，比如耳朵、眼睛、鼻子、嘴巴等等特征，然后通过CSS分别对这些...
切换按钮
CSS+SVG实现非常有创意的图标左右滑动切换按钮一款时尚且有创意的左右滑动切换按钮，按钮的上方可以放置标识身份的图标，切换状态后按钮的图标随着标识进行变换。其中图标是基于SVG矢量图实现的，按钮的滚动丝滑效果是通过CSS实现的，点击切换事件通...
同心圆加载器
CSS+SVG实现的三层同心圆开合动画Loading加载中特效这是一款通过CSS以及SVG技术实现的三层同心圆逐渐闭合以及张开动画效果的预加载器，其中包含了三层不同长度并围绕圆周移动的同心圆线条。当加载完成时，这些线条会再次环绕整个圆形区域。实现细节：首...
邮箱校验
HTML实现的Brutalist野兽派风格输入框这是一款通过CSS以及JavaScript在HTML网页中实现的 Brutalist 野兽派风格邮箱输入框，实现了完整的邮箱校验功能，当输入的文本符合邮箱格式时，输入框的右边会出现提交按钮，点击...