样式
调参数、看实时预览、复制 CSS：渐变、圆角、毛玻璃、新拟态、霓虹灯、关键帧动画与 Flex 布局。每一段的样式都由结构化参数算出，代码可以直接粘进样式表。
本分类下的工具
CSS 渐变生成器
调角度、颜色与形状，实时预览渐变效果，一键复制 CSS。支持线性、径向与锥形三种渐变，可选中间色标。
CSS 圆角生成器
调四个角的圆角值，实时预览并复制 CSS。支持 px、rem 与百分比 —— 百分比在非正方形盒子上是椭圆，预览区里一眼就能看出来。
毛玻璃效果生成器
调模糊、透明度、饱和度与边框，实时预览毛玻璃效果并复制 CSS。代码含 -webkit- 前缀，iOS 上也能真的出现模糊。
新拟态效果生成器
调距离、模糊、强度与凹凸方向，实时预览新拟态（柔和 UI）效果并复制 CSS。两个阴影色由底色算出，色相保持不变。
霓虹灯文字
调颜色与强度，实时预览霓虹灯文字效果并复制 CSS。多层 text-shadow 叠出光晕，预览区配深色底。
CSS 过渡动画模板
挑过渡属性、时长、缓动与延迟，鼠标悬停即可预览并复制 CSS。交付代码里 transition 与 :hover 分开写，分工清楚。
CSS 关键帧动画模板
七套预设关键帧动画（淡入、滑入、弹出、脉动、抖动、旋转、浮动），调时长与曲线后复制 CSS，并附减少动态效果的处理。
故障文字效果
调颜色与强度，实时预览故障文字（glitch）效果并复制 CSS。两份错位的副本配裁剪条带，含 data-text 的写法说明。
液态变形效果
调模糊、对比度与尺寸，实时预览液态变形（gooey）效果并复制 CSS。模糊加高对比度的阈值压边，元素靠近时会拉出连桥。
3D 卡片翻转效果
调轴、时长与透视距离，实时预览 3D 卡片翻转并复制 CSS。代码里标明了透视、preserve-3d 与 backface 三个关键点。
贝塞尔曲线
拖动两个控制点调出缓动曲线，实时看到运动效果，复制 cubic-bezier() 与它在 transition / animation 里的完整写法。
Flex 布局
点按钮调 flex-direction、justify-content、align-items 等属性，实时看到布局怎么变，复制完整的 CSS 与配套 HTML。
文字竖排
调方向、字号、列间距与高度，实时预览竖排文字并复制 CSS。高度决定列在哪里折，是竖排必填的一项。
彩色文字
调方向、色带数量与明暗，实时预览彩虹渐变文字并复制 CSS。渐变裁进文字形状，产物只有一段 CSS。
鼠标指针预览
把鼠标移到预览块上就能看到每个 cursor 关键字的样子。cursor 有三十多个取值，其中一半光看名字猜不出来。
媒体查询生成器
生成 @media 块：宽度断点（区间两端严丝合缝，不留 0.02px 的空隙）、暗色模式、减少动效、打印等。含实时预览。
滚动吸附生成器
生成 scroll-snap-type 与 scroll-snap-align，横向或纵向吸附、三种对齐方式。带实时预览，拖一下就能看出吸附效果。
CSS 阴影生成器
调偏移、模糊、扩散、颜色与层数，实时预览 box-shadow，支持内阴影与 2–5 层叠加、五种预设，一键复制。
CSS 滤镜生成器
用滑杆调模糊、亮度、对比度、饱和度、灰度等九项滤镜，切换 filter 与 backdrop-filter，五种预设，实时预览。
渐变文字生成器
把渐变裁进文字：线性 / 径向 / 锥形，2–4 个停靠色，实时预览，并给出前缀、回退与选中高亮的补偿写法。
边框样式生成器
实线、虚线、点线、双线、3D 凹槽凸起与波浪图案，四角圆角可分别设，支持只画某一边与 border-image 图案。
CSS calc 演练场
写一个 calc() 表达式，实时校验语法并算出结果。加减号缺空格、量纲对不上这类错会当场指出，参与运算的量作为自定义属性一起输出。
Tailwind 色板转换
把 bg-blue-500 这类 Tailwind 类名与 #hex、rgb()、hsl() 互转，并在 22 个色系的默认色板里找出最接近的色号与色差。
透明棋盘格生成
生成透明底纹的 CSS：方格棋盘格或 45° 斜纹，前景色、背景色与格子大小可调，conic-gradient 与 linear-gradient 两套实现都给出。
弹簧动画参数
调质量、刚度、阻尼与初速，得到 Framer Motion 的 spring 参数、采样成 60 点的 CSS linear() 缓动，以及阻尼比与「会不会过冲」的判定。