🧰
QXTool 在线工具箱
站内
站内
Google
Bing
Baidu
Sogou
搜索
站内
Google
Bing
Baidu
Sogou
首页
🤖
AI工具
🛠
开发者工具
📝
文本工具
🔄
转换工具
🌐
网络工具
🔐
安全工具
🎨
设计工具
📊
数据工具
📰
文章教程
🌐
网址导航
📐
数学工具
💰
金融工具
⚡
物理电气
💗
健康测评
🎲
随机生成
🏠
生活娱乐
🎮
休闲游戏
🔬
算法可视化
📚
速查手册
🖼️
图片处理
🔐
编码加密
首页
🤖
AI工具
🛠
开发者工具
📝
文本工具
🔄
转换工具
🌐
网络工具
🔐
安全工具
🎨
设计工具
📊
数据工具
📰
文章教程
🌐
网址导航
📐
数学工具
💰
金融工具
⚡
物理电气
💗
健康测评
🎲
随机生成
🏠
生活娱乐
🎮
休闲游戏
🔬
算法可视化
📚
速查手册
🖼️
图片处理
🔐
编码加密
首页
/
设计工具
/
在线
反馈
CSS变量提取
提取CSS自定义属性并转为SCSS/LESS变量
设计工具
·
1 次
·
2026-10-04
·
分享
·
全屏
CSS 自定义属性
SCSS 变量
:root { --primary: #7c3aed; --primary-dark: #6d28d9; --space-1: 4px; --space-2: 8px; --radius-sm: 4px; --font-base: 16px; } .box { color: var(--primary); padding: var(--space-2); }
提取变量
复制
点赞
0
评分:
(
-
/5 ·
0
人评)
📖 使用说明
从 CSS 中提取自定义属性并转换为变量格式。
操作步骤:
粘贴含 --变量 的 CSS;
选择输出格式(CSS/SCSS/LESS);
复制提取后的变量代码。
« 上一篇:CSS转Tailwind
« 上一篇
下一篇:SCSS/LESS编译 »
下一篇 »
相关推荐
新
CSS重置样式生成器
现代CSS Reset重置样式按需勾选生成
1
0
新
CSS字体配对工具
标题正文字体搭配方案与CSS代码生成
0
0
新
CSS滚动吸附生成器
scroll-snap横向滑动吸附代码生成
1
0
新
CSS视图过渡生成器
View Transitions页面切换过渡代码生成
0
0
新
CSS打印样式生成器
@media print打印分页样式代码在线生成
1
0
新
CSS多列布局生成器
column-count杂志多列排版代码生成
1
0
新
CSS混合模式预览器
16种mix-blend-mode混合效果在线预览
0
0
新
CSS clip-path生成器
16种图形clip-path裁剪路径代码生成
0
0
💬 用户评论 (0)
发表
还没有评论,快来抢沙发!
提交反馈
反馈内容
*
联系方式(可选)
推荐新工具
工具名称和说明
*
参考链接(可选)
友情链接申请
网站名称
*
网站地址
*
网站LOGO
网站类型
网站介绍
*
联系方式
*
请添加微信联系我
💬 用户评论 (0)
还没有评论,快来抢沙发!