css - CSS to png 生成器

Question

我喜欢人们正在做的所有粗糙的 CSS3 背景的事情。但我想做的是：

1：使用CSS3设计一个很酷的背景。
2：将其导出为png/gif，以便您可以在所有浏览器中使用它。
3：设置一个很酷的脚本，为旧浏览器自动将 CSS3 转换为 pngs。

好的，所以我一直在研究这个，似乎有很多工具可以将 png 转换为 CSS3，但没有一个可以反过来。基本上，我正在寻找与此相反的逻辑：

http://www.stubbornella.org/content/2011/04/25/css-3-gradients/

有人有建议吗？

谢谢！

Answer 1

您可以使用 PhantomJS：https ://github.com/ariya/phantomjs/wiki/Screen-Capture

phantomjs rasterize.js gradient.html gradient.png

Answer 2

不是真正的生成器，但你可以这样做：

1. 下载并安装最新的 Firefox
2. 安装名为 Abduction 的 Firefox 插件 - https://addons.mozilla.org/en-US/firefox/addon/abduction/?src=api
3. 使用 CSS3 设计背景
4. 在 Firefox 中加载该背景
5. 右键单击您的页面，选择“将页面另存为图像”
6. 将图像保存为 PNG