基本信息
应用IDC6917592635656734016
包名com.meichuangit.cssAnimation
版本1.1.0
开发者深圳莓创技术科技有限公司
大小156.6 MB
价格免费
上架时间2025-12-22 18:01
更新时间2026-01-19 10:59
发布地区PS, AO, AF, IQ, BF, BI, BJ, BW, TD, CG …
隐私政策查看
SDK / API Level 说明
- 最低SDK（minsdk）：20 — 应用运行所需的最低 HarmonyOS SDK 版本号
- 目标SDK（target_sdk）：20 — 应用编译时面向的目标 SDK 版本号
- API Level（min_hmos_api_level）：60000 — 应用要求的最低鸿蒙 API 级别（如 50000 = 5.0.0.0，50005 = 5.0.0.5，50101 = 5.0.1.1）
更新日志
修复部分特效
应用介绍
Web Animation Studio 是一款面向设计师、前端开发者和创意工作者的专业动画设计办公软件。它将复杂的 CSS 和 SVG 动画创作流程可视化、工具化，让任何人都能轻松创作出令人惊艳的 Web 动画效果，显著提升工作效率和创意表达能力。
【核心定位】
设计工具：为设计师提供可视化的动画创作环境
开发工具：为开发者提供代码编辑和即时预览能力
学习平台：为学习者提供交互式教学和特效库
协作平台：支持代码分享和团队协作
【核心功能】
1️⃣ 海量特效资源库
70+ 精选动画特效，开箱即用
多维分类系统：按钮、卡片、加载、文字、背景、图表、粒子等 8 大类别
一键预览下载：即点即看，一键下载源码
智能收藏系统：标记和管理你喜欢的特效
高质量特效：每个特效都经过精心设计和优化
完整代码示例：HTML + CSS + JavaScript 完整代码
适用场景：
快速原型设计
网站视觉优化
学习动画实现
项目素材积累
【实时代码编辑器】
专业级代码编辑体验，所见即所得
核心能力
多标签编辑：HTML、CSS、JavaScript 分标签独立编辑
实时预览：代码修改即刻呈现，无需刷新
语法高亮：基于 CodeMirror 6 的专业编辑器
智能提示：代码补全和语法检查
自动格式化：保持代码整洁规范
代码片段管理
本地保存：代码片段保存到浏览器本地存储
快速加载：从片段库快速加载历史作品
命名管理：为每个代码片段命名和分类
一键导出：导出完整的 HTML 文件
协作分享
生成分享链接：一键生成代码分享链接
团队协作：与同事分享你的创意成果
版本管理：保存不同版本的代码迭代
适用场景：
动画效果
代码学习和实验
技术方案验证
教学演示
【3️⃣SVG 动画编辑器】
可视化 SVG 创作，专业动画制作
矢量图形绘制
多种绘图工具：矩形、圆形、椭圆、路径、文本、多边形
精确控制：网格对齐、坐标输入、尺寸调整
选择工具：自由选择、移动、缩放、旋转图形
样式编辑：填充色、描边色、线宽、圆角、透明度
图层管理：多图层支持，独立控制每个元素
专业动画时间轴
关键帧编辑：可视化添加和编辑动画关键帧
时间轴控制：播放、暂停、停止、拖动播放头
多属性动画：Transform、Opacity、Fill、Stroke、Path Morph
缓动函数库：Linear、Ease、Ease-In、Ease-Out、Cubic-Bezier
精确时间控制：毫秒级时间精度
SVG 滤镜效果
模糊效果：高斯模糊，可调节模糊半径
阴影效果：投影效果，支持偏移和颜色
发光效果：外发光，可调节颜色和强度
颜色处理：饱和度、色相旋转、灰度、复古滤镜
形态学效果：膨胀和侵蚀效果
纹理生成：湍流噪声和纹理效果
路径动画
贝塞尔曲线编辑：可视化编辑路径曲线
沿路径运动：元素沿自定义路径运动
路径变形动画：平滑的形状变形过渡
路径描边动画：笔画绘制效果
专业导出
SVG 代码导出：导出优化的 SVG 代码
动画配置导出：JSON 格式的动画数据
一键复制：快速复制代码到剪贴板
预览模式：全屏预览动画效果
适用场景：
Logo 动画设计
图标动效制作
插画动画创作
数据可视化动画
UI 交互动画
品牌视觉元素
【4️⃣ 特效组合实验室】
创意无限，组合出独特动画
组合能力
多特效叠加：从特效库选择多个特效进行组合
拖拽排序：通过拖拽调整特效播放顺序
时长调节：为每个特效设置独立的持续时间
实时预览：即时查看组合后的动画效果
参数调整：微调每个特效的参数
导出功能
完整 HTML 导出：一键导出组合后的完整代码
分离式导出：HTML、CSS、JavaScript 分离导出
优化代码：自动合并和优化代码
生产就绪：导出的代码可直接用于生产环境
适用场景：
复杂动画效果创作
创意实验和探索
定制化动画需求
快速原型验证
【5️⃣ 智能参数定制 】
无需代码，可视化调整动画参数
参数类型
颜色选择器：直观选择动画颜色
范围滑块：调整大小、速度、距离等
数字输入：精确控制数值参数
下拉选择：选择预设的样式和效果
开关切换：启用或禁用特定功能
实时反馈
即时预览：参数调整立即反映在预览中
重置功能：一键恢复默认设置
预设保存：保存自定义配置为预设
配置导出：导出参数配置 JSON
适用场景：
非技术人员调整动画
快速视觉调优
客户演示和确认
参数实验和对比
【核心定位】
设计工具：为设计师提供可视化的动画创作环境
开发工具：为开发者提供代码编辑和即时预览能力
学习平台：为学习者提供交互式教学和特效库
协作平台：支持代码分享和团队协作
【核心功能】
1️⃣ 海量特效资源库
70+ 精选动画特效，开箱即用
多维分类系统：按钮、卡片、加载、文字、背景、图表、粒子等 8 大类别
一键预览下载：即点即看，一键下载源码
智能收藏系统：标记和管理你喜欢的特效
高质量特效：每个特效都经过精心设计和优化
完整代码示例：HTML + CSS + JavaScript 完整代码
适用场景：
快速原型设计
网站视觉优化
学习动画实现
项目素材积累
【实时代码编辑器】
专业级代码编辑体验，所见即所得
核心能力
多标签编辑：HTML、CSS、JavaScript 分标签独立编辑
实时预览：代码修改即刻呈现，无需刷新
语法高亮：基于 CodeMirror 6 的专业编辑器
智能提示：代码补全和语法检查
自动格式化：保持代码整洁规范
代码片段管理
本地保存：代码片段保存到浏览器本地存储
快速加载：从片段库快速加载历史作品
命名管理：为每个代码片段命名和分类
一键导出：导出完整的 HTML 文件
协作分享
生成分享链接：一键生成代码分享链接
团队协作：与同事分享你的创意成果
版本管理：保存不同版本的代码迭代
适用场景：
动画效果
代码学习和实验
技术方案验证
教学演示
【3️⃣SVG 动画编辑器】
可视化 SVG 创作，专业动画制作
矢量图形绘制
多种绘图工具：矩形、圆形、椭圆、路径、文本、多边形
精确控制：网格对齐、坐标输入、尺寸调整
选择工具：自由选择、移动、缩放、旋转图形
样式编辑：填充色、描边色、线宽、圆角、透明度
图层管理：多图层支持，独立控制每个元素
专业动画时间轴
关键帧编辑：可视化添加和编辑动画关键帧
时间轴控制：播放、暂停、停止、拖动播放头
多属性动画：Transform、Opacity、Fill、Stroke、Path Morph
缓动函数库：Linear、Ease、Ease-In、Ease-Out、Cubic-Bezier
精确时间控制：毫秒级时间精度
SVG 滤镜效果
模糊效果：高斯模糊，可调节模糊半径
阴影效果：投影效果，支持偏移和颜色
发光效果：外发光，可调节颜色和强度
颜色处理：饱和度、色相旋转、灰度、复古滤镜
形态学效果：膨胀和侵蚀效果
纹理生成：湍流噪声和纹理效果
路径动画
贝塞尔曲线编辑：可视化编辑路径曲线
沿路径运动：元素沿自定义路径运动
路径变形动画：平滑的形状变形过渡
路径描边动画：笔画绘制效果
专业导出
SVG 代码导出：导出优化的 SVG 代码
动画配置导出：JSON 格式的动画数据
一键复制：快速复制代码到剪贴板
预览模式：全屏预览动画效果
适用场景：
Logo 动画设计
图标动效制作
插画动画创作
数据可视化动画
UI 交互动画
品牌视觉元素
【4️⃣ 特效组合实验室】
创意无限，组合出独特动画
组合能力
多特效叠加：从特效库选择多个特效进行组合
拖拽排序：通过拖拽调整特效播放顺序
时长调节：为每个特效设置独立的持续时间
实时预览：即时查看组合后的动画效果
参数调整：微调每个特效的参数
导出功能
完整 HTML 导出：一键导出组合后的完整代码
分离式导出：HTML、CSS、JavaScript 分离导出
优化代码：自动合并和优化代码
生产就绪：导出的代码可直接用于生产环境
适用场景：
复杂动画效果创作
创意实验和探索
定制化动画需求
快速原型验证
【5️⃣ 智能参数定制 】
无需代码，可视化调整动画参数
参数类型
颜色选择器：直观选择动画颜色
范围滑块：调整大小、速度、距离等
数字输入：精确控制数值参数
下拉选择：选择预设的样式和效果
开关切换：启用或禁用特定功能
实时反馈
即时预览：参数调整立即反映在预览中
重置功能：一键恢复默认设置
预设保存：保存自定义配置为预设
配置导出：导出参数配置 JSON
适用场景：
非技术人员调整动画
快速视觉调优
客户演示和确认
参数实验和对比
