后端开发教程 - Java、Spring Boot 实战 - msg200.com
超级有用的 CSS 资源🌈
70 款精选实用的 Web 工具合集。
每款工具均可生成纯 CSS，无需 JS 或任何外部库。所有荣誉都归于这些应用程序背后的作者（我尽可能地链接到他们的 GH/社交网站）
内容
属性生成器
1.新拟态
使用插入阴影生成 Soft-UI CSS 样式，作者：@adamgiebl
2.阴影布鲁姆
制作并预览精美平滑的阴影，作者：@brumm
3.漂亮的圆角边框
使用 border-radius 生成炫酷的异形物体，作者：@9Elements。类似BlobMaker
4.辉光发生器
生成纯 CSS、跨浏览器的发光效果
5.回旋线角
通过 CSS clip-path 生成回旋圆角，作者Takehiko Ono
6.玻璃态
构建半透明、模糊的玻璃状背景。类似于ui.glass/generator
7. Clipy
使用 clip-path 生成复杂形状的对象，作者：@bennettfeely
8. CSS 过滤器
生成并预览纯 CSS Instagram 风格的照片滤镜，作者：@ghosh
9. Base64 图像
使用 Base64 格式直接在 CSS 中对图像进行编码
10.数量查询
生成基于数量的 CSS 查询，作者：@drewminns
动画
11. Animista
CSS 动画游乐场和生成器，作者Ana T
12.三次贝塞尔曲线
预览并生成高级三次贝塞尔动画，作者：@LeaVerou
13.关键帧
高级关键帧动画制作器，作者：@mitchas
14.等待动画
使用动画延迟来模拟延迟，作者@will-stone
15.过渡风格
复制粘贴过渡动画，作者：@argyleink
背景
16.英雄模式
查找并自定义简单的纯 CSS 图案背景，作者：@steveschoger
17.海基
生成独特的有机 SVG 横幅和背景（类似于Shape Divider）
18.模式生成器
高级模式发生器
19. CSS 模式
预制纯 CSS 图案背景集合，作者：@Afif13
20.图案化器
构建条纹背景，作者：@matthewlein
21. Patternify
构建您自己的老式图案，作者：@SachaGreif
22.动画背景
生成模糊动画纯 CSS 背景，作者：@Vincenius
23.三角化
几何背景设计师（注意：仅半免费），作者@qrohlf
24.动画背景
纯 CSS 背景动画合集
25.魔法图案 CSS 背景
可重复使用的基于 SVG/纯 CSS 背景图案的集合，带有可视化浏览器
颜色
26. CSS渐变
高级 CSS 渐变生成器
27.参数混频器
基于均衡器的 CSS 颜色编辑器。作者：@dawidwoldu
28.调色板。
制定并调整配色方案
29.帕莱顿
使用相反或吸引的颜色的调色板生成器
30.Grabient
渐变示例。
类似于CoolHue、WebGradients.com、GradientHunt、GradientButtons和UI 渐变。
31.色彩搜寻
另一位调色板设计师
32.缓和渐变
三次贝塞尔风格纯 CSS 渐变，作者：@larsenwork
33.扁平的UI颜色
扁平风格的精选调色板，由@ahmetsulek设计
34.颜色工具
混合、提取、转换和生成颜色
35.调色板.地球
来自大自然的天然调色板
排版
36.字体欢乐
发现并预览各种字体搭配，作者：@Jack000
37.随我一起排版
排版和易读性沙盒，作者@tsmith512
38.类型比例
生成标题/正文字体大小，作者：@jeremychurch
39. Glyphter
从 SVG 图形创建图标字体
40.字体库
Google 字体库标签，作者：@katydecorah
41.闪光
导出 90 年代风格的闪光文字
装载机
42.旋转套件
选择简洁的 CSS 加载动画
43.旋转
100+ CSS 加载动画，可复制粘贴
44.加载器生成器
预建和自定义纯 CSS 加载器
45. lukehaas - CSS加载器
简单的纯 CSS 加载动画
46. CSS加载器
复杂的纯 CSS 加载器
47.正在加载.io/css
常见加载器的 CSS 实现
布局
48. CSS网格花园
用于学习 CSS 网格的互动游戏，作者：@thomaspark
49. FlexboxFroggy
用于学习 flexbox 的互动游戏，作者：@thomaspark
50. Flexexplorer
可视化弹性框演示，作者：@bennettfeely
51.屈曲肌
交互式 CSS Flexbox 空间分布计算器，作者：@telagraphic
52.网格生成器
使用 CSS grid-template 属性制作网格，作者：@sdras（类似于grid.layoutit.com）
53.布局生成器
现代 CSS 布局制作工具
54.盒子模型图
只是一个视觉盒子模型演示
信息丰富
55. CSS时间轴
CSS的历史
56.屏幕尺寸图
查看响应式设计的常用屏幕尺寸
57. CSS标尺
预览彼此相关的各种 CSS 单元
58. bada55
非常有趣的 CSS 十六进制颜色代码列表
另请参阅colors.lol了解一些过于描述性的颜色托盘
59.谁可以使用？
检查给定颜色组合的可访问性等级，类似于Colorable
60.我可以使用吗？
各种 CSS、JS、HTML 和 Web 功能的浏览器兼容性检查
61.我可以发送电子邮件吗？
类似于我可以使用吗？，但检查给定的 CSS 属性（或 HTML 元素）是否与电子邮件客户端兼容
62. CSS处理工具
与其他 CSS 语言相互转换
63.未使用的 CSS
搜索您的网站未使用的 CSS，并显示统计信息
64.组件.画廊
全局组件搜索
65.设计系统画廊
开放设计系统集合，激发灵感
66.清单.设计
以清单形式整理的一系列设计最佳实践
67.字形
CSS 字形字符代码列表（另请参阅GlyphSearch中的库图标）
68. CSS-Tricks.com
最好的 CSS 博客
69.精选设计工具
精选的优秀设计工具列表
70.很棒的 CSS 框架
开源 CSS 框架列表
71. CSS 参考
CSS 属性的视觉指南（类似于htmlreference.io）
72. MDN CSS 文档
所有可用 CSS 属性的出色文档
| 如果您喜欢这类东西， 请考虑关注以了解更多：) |
  |
|---|