更新记录

2022-12-14

Neumorphism

Neumorphism 是一个很棒的工具,可以根据你的喜好选择颜色、编辑大小、半径、距离等为你的设计生成 UI CSS 代码。

Animista

Animista 是CSS动画的中最佳的工具之一。你只需选择你喜欢的动画类型,并设置一些参数,然后将生成的 CSS 代码用到你的项目中。

PurgeCSS

PurgeCSS 可以删除 CSS 中未使用到的代码,减小 CSS 文件的体积,并提高性能。

Shadow Brumm

Shadow Brumm 是一款快速创建阴影的工具。使用此工具,你只需定义一些阴影选项,就可以创建酷炫且平滑的阴影,并为你生成效果代码。

CSS Gradient

CSS Gradient 是一款值得推荐的工具。你可以选择不同类型的颜色和选项来创建渐变背景,它自动为你的渐变背景生成 CSS 代码。这是我日常开发中经常用到的工具之一。

CSS Grid Generator

CSS Grid Generator 可以创建响应式网格布局,你只需设置列、行和单位。可以同步看到网页的效果,还可以获取该效果的 CSS 代码 甚至 HTML 代码。

Get Waves

Get Waves 可以为你的项目创建 SVG 波形。你只需调好参数,该工具会同步生成 wave 效果,当达到目标效果时,你只需要下载生成的 CSS 代码运用到你的项目中即可。

CSS Stripes Generator

CSS Stripes Generator 不用Flash,不用图像,仅使用 CSS 生成条纹背景。

Blob Maker

Blob Maker 此工具可帮助你创建不同的不寻常形状,并允许你复制和下载 SVG 文件。

CSS Accordion Slider Generator

CSS Accordion Slider Generator 此工具可帮助你创建完全响应的、仅 CSS(无 javascript)的手风琴滑块。

Glassmorphism CSS Generator | Hype4 Academy

Glassmorphism CSS Generator | Hype4 Academy 是一种设计风格,由 Hype4.Academy 的 Michal Malewicz 创造,用于连接和组合UI中 “磨砂玻璃” 效果。

CSS Button Generator

CSS Button Generator 是一个免费的在线工具,可以在没有代码的情况下创建CSS按钮。

Fancy Border Radius Generator

Fancy Border Radius Generator 以 CSS3边界半径 构建形状。

LOADING.IO

LOADING.IO 使用SVG/CSS/GIF/PNG构建Ajax加载图标、动画文本等!

Can I use _ ?

an I use _ 提供了最新的浏览器支持表,以支持桌面和移动 web 浏览器上的前端 web 技术。