太空穿梭
基于WebGL与Canvas实现的星际迷航风格 3D 太空穿梭着色器这是一款受 SpaceX 星舰测试启发的 片段着色器（Fragment Shader） 特效，通过 GLSL 代码模拟宇宙飞船穿越星云或气态巨行星的科幻场景，适用于太空模拟、科幻游戏或 WebG...
电路图
纯CSS+SVG电路开关电流流动动画效果源码下载，模拟电路连接与断开的状态变化。这是一款物理电路开关示意图动画效果，基于纯CSS技术实现，通过点击开关触发电流流动动画，模拟电路连接与断开的状态变化。
下划线输入框
HTML中使用纯CSS实现的输入字符带下划线的输入框这是一款在每个字符下面都带有下划线的输入框效果，基于纯CSS技术实现。通过使用ch单位和等宽字体（monospace），确保每个字符宽度一致，为1ch。字符间的间距设定为0.5ch，即lette...
扫描雷达
极简 CSS 雷达扫描动画图标这是一款仅使用单一HTML元素实现的雷达显示屏动画，基于CSS技术实现。为了不使用子元素如span或div，常见的图形都是通过多重背景来绘制的。扫描动画的部分则是通过伪元素:before来实现...
惊喜礼品盒
CSS点击开启爆炸礼物动画 - 节日惊喜互动效果这是一款“爆炸礼物”的惊喜礼物盒互动动画效果，基于Three.js技术实现。当用户点击礼物图标、按Enter键或Spacebar键时，礼物的包装纸和丝带会瞬间爆炸成碎片，展现出礼物内部的内容。能...
麦迪科
适用于诊所、医院及各类健康护理网站的多功能医疗 Bootstrap 响应式模板「麦迪科」是一款多功能的医疗和健康护理 HTML 响应式网站模板，基于强大的自适应框架Bootstrap5x进行构建，内置了超过80个HTML功能页面，基本上每个单独的页面都提供了多种布局风格，...
投掷切换
CSS带投掷以及自由落体动画效果的切换按钮通过CSS结合JavaScript创建了一个“抛掷”风格的切换按钮，可用作开关切换、状态切换以及主题切换场景使用，给用户一种通过手柄将球抛向空中再落下的感觉。实现很简单，基础的HTML代码如下，...
瑞亚斯
为酒店、度假村、餐厅等打造的现代化在线预订与推广HTML响应式网站模板「瑞亚斯」是一款专为酒店、度假村、温泉、餐厅、SPA会所、娱乐场所、KTV及汽车旅馆等行业设计的现代化HTML模板，旨在帮助这些企业打造专业的在线预订与展示网站平台。模板内置20+HTML功能内...
滚动开关
CSS创意圆柱体左右滚动开关按钮通过纯CSS实现的一款创意兼具趣味性的滚筒开关按钮，通过点击滚动实现开关或者其他相对状态的切换，圆柱体滚筒在不同的开关状态下呈现不一样的颜色。实现起来很简单，地下是HTML用到的部分代码，只需要...
连点成线
CSS将100个点连接成线通过CSS的transform（转换）以及transition（过渡）效果实现连点成线效果，页面预置了100个span属性代表100个点元素，当鼠标悬浮于点上时，该点会向四周划线扩散，随着鼠标的...
波光文字
CSS 实现的波光粼粼文字单个凸显动画效果一款非常时尚且易用的「波光粼粼」文本效果送给大家，文字从左到右持续依次闪光凸显的动画效果用在网站中能够直线拉升网页的回头率，整体效果是基于CSS的animation、transform、tex...
重复输入
JavaScript 文本删除输入轮播效果本 JavaScript 代码片段可创建持续的文本输入与擦除效果，可设置多个关键文本的轮播效果，只需要在数组中设置要用于输入和删除动画的段语文本，便可以在 ID 为"retype "的span...