Comment faire du pixel art avec de la feuille de styles (CSS) ?

Image illustrant l'article : Comment faire du pixel art avec de la feuille de styles (CSS) ?

Comment faire du pixel art avec de la feuille de styles (CSS) ?

par Korben -

Si vous aimez faire du Pixel Art, je vous ai déjà présenté tout un tas d’éditeurs de pixels très très cools. Je pense bien sûr à Pixelorama, LibreSprite ou encore Piskel.

Mais aujourd’hui, je vous propose d’aller encore plus loin en faisant du pixel art avec des CSS. Alors bien sûr, vous pouvez le coder vous-même en spécifiant la couleur de chaque pixel, voire même en l’animant.

Mais comme on est des grosses feignasses développeurs, je vous propose carrément de dessiner votre pixel art pour ensuite obtenir le code qui va bien. Pour cela, rendez vous sur Pixel Art to CSS pour dessiner votre œuvre. Vous pouvez choisir les couleurs, les pinceaux, revenir en arrière si besoin…etc. Rien du classique.

Exemple de création de pixel art avec des divs et des bordures arrondies

Mais ce qui est vraiment cool, c’est que vous pouvez aussi créer des animations avec plusieurs sprites.

Que demande le peuple ? Amusez-vous bien !