云朵上传
CSS+JS实现带有云朵和上升气泡动画效果的创意上传组件通过CSS结合JavaScript实现的一款美观且有创意的云朵上传插件，点击上传后云朵会逐渐膨胀变大为大气泡，并且内部有很多小气泡慢慢升腾，知道上传进度达到100%，气泡达到最大状态，在气泡的中...
埃迪优
包含完整学生及教师管理功能的 Bootstrap 在线课程与教育中心网站模板「埃迪优」是一款专为在线教育、在线课程、LMS（学习管理系统）及各类教育机构设计的HTML5响应式模板，包含完整的学生管理中心、教师管理中心以及电商完整功能，总共60+HTML功能内页的强大支持...
范围选择
CSS创意条形纹理糖果范围选择器创建一个具有薄荷纹理糖果风格范围选择器（Peppermint Range Slider），可以让用户在选择数值范围时感受到一种甜蜜的视觉体验，非常具有新意的一款范围选择器。底层通过JavaScr...
投掷切换
CSS带投掷以及自由落体动画效果的切换按钮通过CSS结合JavaScript创建了一个“抛掷”风格的切换按钮，可用作开关切换、状态切换以及主题切换场景使用，给用户一种通过手柄将球抛向空中再落下的感觉。实现很简单，基础的HTML代码如下，...
瑞亚斯
为酒店、度假村、餐厅等打造的现代化在线预订与推广HTML响应式网站模板「瑞亚斯」是一款专为酒店、度假村、温泉、餐厅、SPA会所、娱乐场所、KTV及汽车旅馆等行业设计的现代化HTML模板，旨在帮助这些企业打造专业的在线预订与展示网站平台。模板内置20+HTML功能内...
进退按钮
CSS创意时钟主题撤销（Undo）和重做（Redo）按钮组件基于CSS和JavaScript创建了一个带有钟表效果的撤销（Undo）和重做（Redo）按钮组件，可以形象地表示撤销和重做操作，加入了创意的时钟元素就像倒回或前进时间一样。形象的刻画出了前进撤...
倾斜开关
CSS实现具有3D倾斜滚球效果的切换开关按钮基于CSS结合JS创建了一个具有 3D 倾斜效果的开关切换（Toggle Switch）按钮，让用户在操作开关的时候感觉像是在玩一个玩具，特别的具有趣味性。通过使用 CSS3 的变换和过渡效果，...
范围选择
CSS+JS实现带有数值滑动切换效果的的滑块范围选择器为了创建一个带有数值滑动变化效果的范围滑块选择器（Range Slider with Sliding Value），用户拖动滑块时，值会以滑动变化的方式显示在滑块上方，这款效果是基于 CSS 和...
主题切换
基于纯CSS实现彩色纹理填充的明暗主题切换按钮这是一个明暗主题切换开关，利用CSS的 :has() 属性将常见内容变暗，而不是使用JavaScript，整体非常的轻量级。并且还基于SVG实现了代表亮色主题的太阳图标以及晚上暗色主题的月亮图标...
星评组件
CSS跳跃方式登场的趣味星星评论组件基于CSS+JavaScript实现的一款高颜值且趣味性十足的星星评论组件，其中小星星是通过svg实现的特别的轻量级。当选择星星进行评价时，所选择的星星会以翻转跳跃的方式登场，并且星星的体态变大...
傅科摆锤
CSS傅科摆实验模拟时钟傅科摆（Foucault's Pendulum）是一个经典的物理实验，用于证明地球的自转。傅科摆的基本原理是利用一个自由悬挂的重物（摆锤）在无外力干扰的情况下，其摆动平面不会改变，而地球的自转会...