2013-01-13 9 views
5

Mi piacciono tutti i noccioli di sfondo CSS3 che le persone stanno facendo. Ma quello che voglio fare è questo:CSS to png generator

1: Progettare uno sfondo interessante usando CSS3.
2: Esportalo in png/gif in modo da poterlo utilizzare con tutti i browser.
3: configura uno script che converte automaticamente i CSS3 in png per i browser più vecchi.

Ok, quindi ho cercato questo e sembra che ci sia una pluralità di strumenti che convertono png in CSS3, ma nessuno che fa il contrario. Fondamentalmente, io sto cercando l'inverso logico di questo:

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

Qualcuno ha qualche consiglio?

Grazie!

+0

Dovrete implementare il proprio css 'motore' per fare cose del genere. Un buon punto di partenza sarebbe disegnare gli effetti CSS su una tela, che potrebbe quindi essere facilmente esportata in png o in qualsiasi altro formato. – YemSalat

+0

controlla http://code.google.com/p/image2css/ sembra fare il trucco: buon vecchio google! potrebbe piacerti anche http://webcodertools.com/imagetobase64converter/Create –

+0

No, lo vuole nell'altro modo con css2image. – Prinzhorn

risposta

1
Non

davvero un generatore, ma si potrebbe fare questo:

  1. Scarica e installa l'ultima Firefox
  2. Installare Firefox plugin chiamato Abduction - https://addons.mozilla.org/en-US/firefox/addon/abduction/?src=api
  3. Disegna il tuo background utilizzando CSS3
  4. carico tale contesto in Firefox
  5. Fare clic con il pulsante destro del mouse sulla pagina, selezionare "Salva pagina come immagine"
  6. Salva l'immagine come PNG