- 一、CSS3动画介绍css3 中提供了自己的动画制作方法，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。二、CSS3动画制作方式css3 动画制作分为两步：1.创建动画、2.绑定动画（调用动画）。1.创建动画@keyframes 规则@keyframes 规则用于创建动画。单词是关键帧的意思，在 @keyframes 中规定某项 CSS 样式，就能创建由从一种样... 一、CSS3动画介绍css3 中提供了自己的动画制作方法，这可以在许多网页中取代动画图片、Flash 动画以及 JavaScript。二、CSS3动画制作方式css3 动画制作分为两步：1.创建动画、2.绑定动画（调用动画）。1.创建动画@keyframes 规则@keyframes 规则用于创建动画。单词是关键帧的意思，在 @keyframes 中规定某项 CSS 样式，就能创建由从一种样...
- Animate.css anime.js hover.css wow.js scroll reveal.js magic.css move.js Animate.css anime.js hover.css wow.js scroll reveal.js magic.css move.js
- 旨在构建基于组件的应用,可针对性提供如下解决方案： 隔离DOM:组件的 DOM 是独立的(例如，document.querySelector() 不会返回组件 shadow DOM 中的节点)作用域CSS:shadow DOM 内部定义的 CSS 在其作用域内。样式规则不会泄漏，页面样式也不会渗入组合:为组件设计一个声明性、基于标记的 API简化CSS:作用域 DOM... 旨在构建基于组件的应用,可针对性提供如下解决方案： 隔离DOM:组件的 DOM 是独立的(例如，document.querySelector() 不会返回组件 shadow DOM 中的节点)作用域CSS:shadow DOM 内部定义的 CSS 在其作用域内。样式规则不会泄漏，页面样式也不会渗入组合:为组件设计一个声明性、基于标记的 API简化CSS:作用域 DOM...
- 作品简介：文本Diff对比器，LCS行级差异高亮，红色删除绿色新增，行号对齐并排展示，结果清晰直观。文本 Diff 对比器项目简介文本 Diff 对比器是一款零依赖的纯前端文本差异查看工具，把「原文 A」与「新文 B」逐行对比，红色高亮被删除的行、绿色高亮新增的行，让代码改动、配置变更、文章修订的差异一目了然。对比引擎采用行级最长公共子序列（LCS）算法，保证得到增删行数最少的差异结果。整个... 作品简介：文本Diff对比器，LCS行级差异高亮，红色删除绿色新增，行号对齐并排展示，结果清晰直观。文本 Diff 对比器项目简介文本 Diff 对比器是一款零依赖的纯前端文本差异查看工具，把「原文 A」与「新文 B」逐行对比，红色高亮被删除的行、绿色高亮新增的行，让代码改动、配置变更、文章修订的差异一目了然。对比引擎采用行级最长公共子序列（LCS）算法，保证得到增删行数最少的差异结果。整个...
- 作品简介：基于二维驻波方程与微粒逃逸波腹物理动力学，呈现高保真克拉尼共振节线与声学仿真。ChladniCraft Pro · 二维驻波共振与克拉尼图案物理实验室项目简介ChladniCraft Pro 是一款基于纯前端技术栈（HTML5 Canvas 2D + Web Audio API + 二维驻波物理动力学引擎）构建的高保真声学与振动几何艺术工作台。通过模拟金属平板在特定声波频率激励下的... 作品简介：基于二维驻波方程与微粒逃逸波腹物理动力学，呈现高保真克拉尼共振节线与声学仿真。ChladniCraft Pro · 二维驻波共振与克拉尼图案物理实验室项目简介ChladniCraft Pro 是一款基于纯前端技术栈（HTML5 Canvas 2D + Web Audio API + 二维驻波物理动力学引擎）构建的高保真声学与振动几何艺术工作台。通过模拟金属平板在特定声波频率激励下的...
- 作品简介：基于离散傅里叶变换与复数级数拟合的几何艺术实验室，支持环形旋转向量与频谱分析。FourierCraft Pro · 交互式傅里叶级数与环形向量可视化工作室项目简介FourierCraft Pro 是一款基于纯前端技术栈（HTML5 Canvas 2D + Web Audio API + 复数离散傅里叶变换 DFT 算法）构建的高保真交互式数学几何艺术与信号处理工作台。通过将二维平面... 作品简介：基于离散傅里叶变换与复数级数拟合的几何艺术实验室，支持环形旋转向量与频谱分析。FourierCraft Pro · 交互式傅里叶级数与环形向量可视化工作室项目简介FourierCraft Pro 是一款基于纯前端技术栈（HTML5 Canvas 2D + Web Audio API + 复数离散傅里叶变换 DFT 算法）构建的高保真交互式数学几何艺术与信号处理工作台。通过将二维平面...
- 作品简介：基于光线追迹与斯涅尔定律的几何光学实验室，支持三棱镜色散与透镜组仿真。RayOptics Pro · 交互式几何光学与光线追迹仿真实验室项目简介RayOptics Pro 是一款基于纯前端技术栈（HTML5 Canvas 2D + Web Audio API + 解析几何光线追踪算法）构建的高保真交互式几何光学仿真实验室。基于斯涅尔折射定律 (Snell's Law)、反射定律与柯... 作品简介：基于光线追迹与斯涅尔定律的几何光学实验室，支持三棱镜色散与透镜组仿真。RayOptics Pro · 交互式几何光学与光线追迹仿真实验室项目简介RayOptics Pro 是一款基于纯前端技术栈（HTML5 Canvas 2D + Web Audio API + 解析几何光线追踪算法）构建的高保真交互式几何光学仿真实验室。基于斯涅尔折射定律 (Snell's Law)、反射定律与柯...
- 作品简介：算法与数据结构全景动态可视化实验室，支持排序、图寻路与二叉树拓扑动画演化。AlgoVisual Pro · 算法与数据结构全景动态可视化实验室项目简介AlgoVisual Pro 是一款基于纯前端技术栈（HTML5 + Tailwind CSS + SVG DOM + Web Audio API）构建的算法与数据结构全景动态可视化实验室。提供 6 类经典排序算法（快速排序、归并排序... 作品简介：算法与数据结构全景动态可视化实验室，支持排序、图寻路与二叉树拓扑动画演化。AlgoVisual Pro · 算法与数据结构全景动态可视化实验室项目简介AlgoVisual Pro 是一款基于纯前端技术栈（HTML5 + Tailwind CSS + SVG DOM + Web Audio API）构建的算法与数据结构全景动态可视化实验室。提供 6 类经典排序算法（快速排序、归并排序...
- 作品简介：纯前端交互式数字逻辑电路模拟器，支持8类门拖拽、拓扑排序求值与真值表自动生成。CircuitLab Pro · 交互式数字逻辑电路模拟器项目简介CircuitLab Pro 是一款专为计算机科学学生、数字电路设计师与逻辑爱好者打造的纯前端交互式数字逻辑电路模拟器。用户可直接在浏览器中拖拽 8 类标准布尔逻辑门（AND / OR / NOT / NAND / NOR / XOR / ... 作品简介：纯前端交互式数字逻辑电路模拟器，支持8类门拖拽、拓扑排序求值与真值表自动生成。CircuitLab Pro · 交互式数字逻辑电路模拟器项目简介CircuitLab Pro 是一款专为计算机科学学生、数字电路设计师与逻辑爱好者打造的纯前端交互式数字逻辑电路模拟器。用户可直接在浏览器中拖拽 8 类标准布尔逻辑门（AND / OR / NOT / NAND / NOR / XOR / ...
- 作品简介：URL编解码工具，支持百分比编码解码、完整转义与QueryString参数一键解析，结果即时统计。URL 编解码工具项目简介URL 编解码工具是一款零依赖的纯前端编码工具，专治 URL 处理中各种「中文乱码」与「参数看不懂」的烦恼。一个面板做编解码：把任意文本编码成 percent 编码（%E4%BD%A0），或把编码还原成原文；另一个面板做参数解析：把一段 QueryString... 作品简介：URL编解码工具，支持百分比编码解码、完整转义与QueryString参数一键解析，结果即时统计。URL 编解码工具项目简介URL 编解码工具是一款零依赖的纯前端编码工具，专治 URL 处理中各种「中文乱码」与「参数看不懂」的烦恼。一个面板做编解码：把任意文本编码成 percent 编码（%E4%BD%A0），或把编码还原成原文；另一个面板做参数解析：把一段 QueryString...
- 作品简介：日期计算器，支持两日期间隔天数、日期加减推算与任意日期信息查询，周月年自动换算。日期计算器项目简介日期计算器是一款零依赖的纯前端日期工具，把日常生活中最常用的三种日期计算放进一个页面：两个日期之间相隔多少天、某个日期往前或往后加几天/几周/几个月/几年是哪一天、以及任意日期是星期几、是当年的第几天、还剩多少天。三种计算各占一张卡片，选择日期即出结果，无需点击计算按钮。整个应用由单个... 作品简介：日期计算器，支持两日期间隔天数、日期加减推算与任意日期信息查询，周月年自动换算。日期计算器项目简介日期计算器是一款零依赖的纯前端日期工具，把日常生活中最常用的三种日期计算放进一个页面：两个日期之间相隔多少天、某个日期往前或往后加几天/几周/几个月/几年是哪一天、以及任意日期是星期几、是当年的第几天、还剩多少天。三种计算各占一张卡片，选择日期即出结果，无需点击计算按钮。整个应用由单个...
- 作品简介：纯前端5通道振荡器波形锻造工坊，支持实时波形频谱声谱图可视化与效果器链。WaveForge Pro · 实时音频波形锻造与声学可视化工坊项目简介WaveForge Pro 是一款专为声音设计师、音频工程师、电子音乐制作人及声学爱好者打造的纯前端实时音频波形锻造与声学可视化交互工坊。无需安装专业 DAW 软件，用户可直接在浏览器中通过 5 通道独立振荡器（Sine / Square ... 作品简介：纯前端5通道振荡器波形锻造工坊，支持实时波形频谱声谱图可视化与效果器链。WaveForge Pro · 实时音频波形锻造与声学可视化工坊项目简介WaveForge Pro 是一款专为声音设计师、音频工程师、电子音乐制作人及声学爱好者打造的纯前端实时音频波形锻造与声学可视化交互工坊。无需安装专业 DAW 软件，用户可直接在浏览器中通过 5 通道独立振荡器（Sine / Square ...
- 作品简介：Base64编解码工具，支持文本与文件双模式互转，UTF-8多字节字符安全，可选URL安全变体。Base64 编解码工具项目简介Base64 编解码工具是一款零依赖的纯前端编码工具。它把 Base64 编解码做成两个顺手的面板：文本模式下输入文本或 Base64 串一键互转；文件模式下选择任意文件即可转为 Base64 字符串，图片文件还能即时预览。基于浏览器原生的 TextEnc... 作品简介：Base64编解码工具，支持文本与文件双模式互转，UTF-8多字节字符安全，可选URL安全变体。Base64 编解码工具项目简介Base64 编解码工具是一款零依赖的纯前端编码工具。它把 Base64 编解码做成两个顺手的面板：文本模式下输入文本或 Base64 串一键互转；文件模式下选择任意文件即可转为 Base64 字符串，图片文件还能即时预览。基于浏览器原生的 TextEnc...
- 作品简介：纯前端8轨模拟鼓机与步进音序器，支持实时声学合成、示波器频谱分析与WAV无损导出。SynthMatrix Pro · 8轨模拟鼓机与过程化声学合成工坊项目简介SynthMatrix Pro 是一款专为音乐制作人、声音设计师、独立游戏音频开发者与电子音乐爱好者打造的纯前端 8 轨节奏合成器与 16 步进音序工坊。无需安装昂贵的 DAW 宿主软件或外挂巨大体积的音频采样包，用户可直接在... 作品简介：纯前端8轨模拟鼓机与步进音序器，支持实时声学合成、示波器频谱分析与WAV无损导出。SynthMatrix Pro · 8轨模拟鼓机与过程化声学合成工坊项目简介SynthMatrix Pro 是一款专为音乐制作人、声音设计师、独立游戏音频开发者与电子音乐爱好者打造的纯前端 8 轨节奏合成器与 16 步进音序工坊。无需安装昂贵的 DAW 宿主软件或外挂巨大体积的音频采样包，用户可直接在...
- 作品简介：纯前端像素艺术工坊与多帧精灵图动画编辑器，支持洋葱皮时间轴、BFS泛洪填充与音效合成。PixelCraft Pro · 像素艺术工坊与精灵图动画编辑器项目简介PixelCraft Pro 是一款面向游戏独立开发者、UI/像素设计师与复古艺术爱好者的纯前端像素艺术工坊与精灵图（Sprite Sheet）多帧动画编辑器。无需安装庞大笨重的桌面设计软件，用户可直接在现代浏览器中享受毫秒级... 作品简介：纯前端像素艺术工坊与多帧精灵图动画编辑器，支持洋葱皮时间轴、BFS泛洪填充与音效合成。PixelCraft Pro · 像素艺术工坊与精灵图动画编辑器项目简介PixelCraft Pro 是一款面向游戏独立开发者、UI/像素设计师与复古艺术爱好者的纯前端像素艺术工坊与精灵图（Sprite Sheet）多帧动画编辑器。无需安装庞大笨重的桌面设计软件，用户可直接在现代浏览器中享受毫秒级...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中
热门标签