超级有用的CSS资源
{cat_usercard title="Neumorphism" url="https://neumorphism.io/" desc="使用内嵌阴影生成soft UI CSS 样式" logo=""}
{cat_usercard title="Shaddows Brumm" url="https://shadows.brumm.af/" desc="通过制作和预览精美平滑的阴影" logo=""}
{cat_usercard title="花式边框半径" url="https://9elements.github.io/fancy-border-radius/" desc="生成具有边框半径的冷形状对象。类似于 BlobMaker" logo=""}
{cat_usercard title="发光发生器" url="https://cssbud.com/css-generator/css-glow-generator/" desc="生成纯 CSS 跨浏览器发光效果" logo=""}
{cat_usercard title="Clothoid Corners" url="https://onotakehiko.dev/clothoid/" desc="通过 CSS 剪辑路径生成布料圆角" logo=""}
{cat_usercard title="Glassmorphism" url="https://hype4.academy/tools/glassmorphism-generator" desc="构建半透明、模糊的玻璃状背景。类似于 ui.glass/generator" logo=""}
{cat_usercard title="剪辑" url="https://bennettfeely.com/clippy/" desc="使用剪辑路径生成复杂形状的对象" logo=""}
{cat_usercard title="Base64图像" url="https://www.base64-image.de/" desc="在 Base64 中直接在 CSS 中对图像进行编码" logo=""}
{cat_usercard title="Animista" url="https://animista.net/play" desc="CSS动画游乐场和生成器" logo=""}
{cat_usercard title="Cubic-Bezier" url="https://cubic-bezier.com/" desc="预览并生成高级Cubic-Bezier动画" logo=""}
{cat_usercard title="关键帧" url="https://keyframes.app/animate" desc="高级关键帧动画制作器" logo=""}
{cat_usercard title="延迟动画" url="https://waitanimate.wstone.uk/" desc="使用动画延迟来模拟延迟" logo=""}
{cat_usercard title="Transition.Style" url="https://www.transition.style/" desc="复制粘贴过渡动画" logo=""}
{cat_usercard title="Animated BG" url="https://wweb.dev/resources/animated-css-background-generator/" desc="生成模糊的动画纯CSS背景" logo=""}
{cat_usercard title="动画背景" url="https://animatedbackgrounds.me/" desc="纯 CSS 背景动画的集合" logo=""}
颜色
{cat_usercard title="CSS 渐变" url="https://cssgradient.io/" desc="高级 CSS 渐变生成器" logo=""}
{cat_usercard title="参数混合器" url="https://colormixer.web.app/" desc="基于均衡器的 CSS 颜色编辑器" logo=""}
{cat_usercard title="Palettte" url="https://palettte.app/" desc="开发和调整配色方案" logo=""}
{cat_usercard title="Paletton" url="https://paletton.com/" desc="使用相反或吸引颜色的调色板生成器" logo=""}
{cat_usercard title="Grabient" url="https://www.grabient.com/" desc="样本梯度" logo=""}
{cat_usercard title="Color Hunt" url="https://colorhunt.co/" desc="又一位调色板设计师" logo=""}
{cat_usercard title="Easing Gradients" url="https://larsenwork.com/easing-gradients/#editor" desc="Cubic-bezier的纯CSS渐变" logo=""}
{cat_usercard title="Flat UI Colors" url="https://flatuicolors.com/" desc="平面风格精心挑选的调色板" logo=""}
{cat_usercard title="颜色工具" url="https://colordesigner.io/tools" desc="混合、提取、转换和生成颜色" logo=""}
{cat_usercard title="ColorPalettes.Earth" url="https://colorpalettes.earth/" desc="来自大自然的天然色托盘" logo=""}
{cat_usercard title="unsed CSS" url="https://unused-css.com/" desc="在你的网站中搜索未使用的 CSS,并显示统计信息" logo=""}
{cat_usercard title="Screen Size Map" url="https://screensizemap.com/" desc="查看响应式设计的常用屏幕尺寸" logo=""}
{cat_usercard title="Box Model Diagram" url="https://codepen.io/carolineartz/full/ogVXZj" desc="只是一个可视化框模型演示" logo=""}
{cat_usercard title="Layout Generator" url="https://layout.bradwoods.io/" desc="现代 CSS 布局制作工具" logo=""}
{cat_usercard title="lukehaas - CSS 加载器" url="https://projects.lukehaas.me/css-loaders/" desc="简单的纯CSS加载动画" logo=""}
{cat_usercard title="css-grid布局" url="https://cssgrid-generator.netlify.app/" desc="使用 CSS 网格模板属性创建网格(类似于 grid.layoutit.com)" logo=""}
{cat_usercard title="" url="https://2025ly.cn" desc="" logo=""}
评论