2013-01-13 14 views
5

Uwielbiam wszystkie gnarly CSS3 w tle rzeczy, które ludzie robią. Ale to, co chcę zrobić, to:CSS to png generator

1: Zaprojektuj fajne tło za pomocą CSS3.
2: Wyeksportuj go do png/gif, aby móc z niego korzystać we wszystkich przeglądarkach.
3: Skonfiguruj fajny skrypt, który automagicznie przekształca CSS3 na pngs dla starszych przeglądarek.

Ok, więc badałem to i wydaje się, że istnieje wiele narzędzi, które konwertują png na CSS3, ale żadne z nich nie działają odwrotnie. Zasadniczo szukam logicznego odwrotność tego:

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

Czy ktoś ma jakieś rady?

Dzięki!

+0

Musisz zaimplementować własną css „silnik”, aby zrobić takie rzeczy. Dobrym punktem wyjścia byłoby narysowanie efektów css na płótnie, które można następnie łatwo wyeksportować do png lub dowolnego innego formatu. – YemSalat

+0

Sprawdź http://code.google.com/p/image2css/ wygląda na to, że działa dobrze - dobry, oly google! Możesz także polubić http://webcodertools.com/imagetobase64converter/Create –

+0

Nie, on chce tego w inny sposób css2image. – Prinzhorn

Odpowiedz

1

Niezupełnie generator, ale można to zrobić:

  1. Pobierz i zainstaluj najnowszy Firefox
  2. Instalacja wtyczki Firefox o nazwie Abduction - https://addons.mozilla.org/en-US/firefox/addon/abduction/?src=api
  3. Zaprojektuj tło za pomocą CSS3
  4. obciążenie, które w tle w przeglądarce Firefox
  5. Kliknij prawym przyciskiem myszy swoją stronę, wybierz "Zapisz stronę jako obraz"
  6. Zapisz Twój wizerunek jako PNG