CSS到png生成器

Question

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

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

好的，所以我一直在研究这个问题，似乎有很多工具可以将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