Générateur CSS vers png

J'adore toutes les choses géniales que les gens font. Mais ce que je veux faire est ce:Générateur CSS vers png

1: Concevoir un arrière-plan cool en utilisant CSS3.
2: Exportez-le vers png/gif pour pouvoir l'utiliser avec tous les navigateurs.
3: Configurez un script sympa qui convertit automatiquement le CSS3 en pngs pour les anciens navigateurs. Ok, donc j'ai fait des recherches là-dessus, et il semble y avoir une multitude d'outils qui convertissent png en CSS3, mais aucun qui fait l'inverse. En gros, je cherche l'inverse logique de ceci:

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

Quelqu'un at-il des conseils?

Merci!

Source

2013-01-13 CodeOwl

Vous devrez implémenter votre propre fichier css « moteur » pour faire des choses comme ça. Un bon point de départ serait de dessiner les effets CSS sur un canevas, qui pourrait ensuite être facilement exporté vers png ou tout autre format. – YemSalat

consultez http://code.google.com/p/image2css/ il semble faire l'affaire - bon vieux google! vous pouvez également aimer http://webcodertools.com/imagetobase64converter/Create –

Non, il le veut dans l'autre sens css2image. – Prinzhorn

Vous pouvez utiliser PhantomJS: https://github.com/ariya/phantomjs/wiki/Screen-Capture

phantomjs rasterize.js gradient.html gradient.png

Source

2013-01-13 17:03:17 Prinzhorn

Pas vraiment un générateur, mais vous pouvez le faire:

Téléchargez et installez le dernier Firefox
Installer le plugin Firefox appelé enlèvement - https://addons.mozilla.org/en-US/firefox/addon/abduction/?src=api
Concevez votre arrière-plan en utilisant CSS3
Load fond dans Firefox
Cliquez avec le bouton droit sur votre page, sélectionnez "Enregistrer la page en tant qu'image"
Sauvegarder votre image au format PNG

Source

2013-01-13 16:44:31

Générateur CSS vers png

Répondre

Questions connexes