CSV 转 CSS 转换器
将CSV数据快速转换为CSS变量、类或关键帧动画
CSV 数据
格式: 第一行为标题行，数据用逗号分隔
CSS 输出
转换后的CSS代码将在这里显示...
使用说明
颜色模式说明
单色模式：适用于普通的两列CSV（名称 + 值）
主题模式：适用于三列CSV（名称 + 浅色 + 深色），会自动生成适配深色主题的CSS变量和类
Figma 模式说明
当启用Figma模式时，会自动处理从Figma导出的命名规则：
primary/main→primary-mainsecondary light→secondarylightsuccess / dark→success-dark
CSS 变量模式
将CSV的第一列作为变量名，第二列作为变量值，生成CSS自定义属性。适合主题色彩、尺寸等配置。
CSS 类模式
将CSV的第一列作为类名，其余列作为CSS属性和值，生成完整的CSS类。适合样式组件库。
CSS 关键帧模式
将CSV的第一列作为动画百分比，其余列作为CSS属性，生成@keyframes动画。适合复杂动画效果。