如果您需要基本或复杂

mdruhul1

提供类似于视频编辑软件的可视化时间轴编辑器。您可以添加步骤、更改大小和位置、应用转换和颜色更改，还可以复制粘贴 CSS。啊，不要忘记Chrome和Firefox中用于调试的动画面板。

缓和渐变 #
对于渐变，我们通常依赖线性渐变，从一种颜色过渡到另一种颜色。然而，线性渐变在开始或结束的地方有硬边。有一种方法可以通过缓动函数使渐变稍微好一点。所以 Andreas Larsen 构建了一个小编 国家电子邮件列表 辑器Easing Gradients Editor，它允许我们在 CSS 中创建和预览缓动渐变。该工具还可以作为Sketch 插件和PostCSS 插件使用。您可以使用颜色选择器，但遗憾的是还不能添加实际的 HEX 颜色值。

线性渐变在开始或结束的地方有硬边，我们可以用缓动函数来修复它。（大预览）
数据可视化调色板 #
有时您需要非常特定类型的颜色来完成非常特定的任务。例如，如果您正在处理数据可视化项目——例如饼图、分组条形图、地图——您可能需要一系列视觉上等距的颜色。这就是LearnUI 数据颜色选择器可以变得非常有用的时候。在这种情况下，最好使用一系列色调，这样用户可以更快地识别差异。区分黄色和橙色确实比区分蓝色和 blue-but-15%-lighter更容易。

易于使用且充满活力的配色方案，使用一系列色调来更快地识别差异。（大预览）
使用该工具，您可以选择需要多少种颜色以及需要浅色还是深色背景色，并选择是需要默认调色板、单一色调调色板还是不同色阶。拥有它后，您可以复制十六进制值并将它们导出为 SVG 以在 Sketch、Figma 或 Adob​​e XD 中使用。

标题和正文副本的可访问性检查。（大预览）
LearnUI 还提供了一个可访问的颜色生成器和一个非常漂亮的渐变生成器，具有不同的渐变类型、插值、角度、缓动以及您希望渐变的平滑度。



跳转后更多！继续往下看↓参加关于前端和其中包括实用知识、现场会议、视频录制和友好的问答。关于设计系统、用户体验、网络性能和 。与 Brad Frost、Christine Vallaure 和许多其他人一起。

跳转到工作坊↬

从 CSS 颜色阴影到三角形和假数据
想象一下，您只需要为元素和伪元素找到 CSS 三角形样式。或者通过探索给定颜色的色调和阴影来稍微改进调色板。或者为页面的一部分生成线性和径向 CSS 渐变。无需手动完成所有操作或尝试在整个网络上查找这些 CSS 片段。您总能在Omatsuri上找到它们。

从 CSS 渐变到假数据（大图预览）
Omatsuri 在日语中的意思是节日，该网站是一个可爱的日常开源浏览器工具小节日。在网站上，您会找到一个三角形生成器、一个颜色阴影生成器、一个渐变生成器、页面分隔符、SVG 压缩器、SVG → JSX 转换器、一个假数据生成器、CSS 光标和键盘事件代码。由 Vitaly Rtishchev 和 Vlad Shilov 设计和建造。该站点的源代码也可用。