2013-01-13 33 views
5

Tôi yêu tất cả những điều nền CSS3 gnarly mà mọi người đang làm. Nhưng điều tôi muốn làm là:CSS to png generator

1: Thiết kế nền tuyệt đẹp bằng CSS3.
2: Xuất khẩu sang png/gif để bạn có thể sử dụng nó với tất cả các trình duyệt.
3: Thiết lập tập lệnh thú vị chuyển đổi CSS3 thành png tự động cho các trình duyệt cũ hơn.

Ok, vì vậy tôi đã nghiên cứu vấn đề này và dường như có nhiều công cụ chuyển png thành CSS3, nhưng không có công cụ nào làm ngược lại. Về cơ bản, tôi đang tìm nghịch đảo logic của việc này:

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

Có ai có lời khuyên nào?

Cảm ơn!

+0

Bạn sẽ phải thực hiện css của riêng bạn 'động cơ' để làm những thứ như thế. Một điểm khởi đầu tốt là vẽ các hiệu ứng css trên canvas, sau đó có thể dễ dàng xuất sang png hoặc bất kỳ định dạng nào khác. – YemSalat

+0

xem http://code.google.com/p/image2css/ có vẻ như bạn đã thực hiện mẹo - tốt ol 'google! bạn cũng có thể thích http://webcodertools.com/imagetobase64converter/Create –

+0

Không, anh ta muốn nó theo cách khác css2image. – Prinzhorn

Trả lời

1

Không thực sự là một máy phát điện, nhưng bạn có thể làm điều này:

  1. Tải về và cài đặt mới nhất Firefox
  2. Cài đặt Firefox plugin gọi là Abduction - https://addons.mozilla.org/en-US/firefox/addon/abduction/?src=api
  3. Thiết kế nền của bạn sử dụng CSS3
  4. Load mà nền trong Firefox
  5. Nhấp chuột phải vào trang của bạn, chọn "Lưu trang dưới dạng hình ảnh"
  6. Lưu hình ảnh của bạn như PNG