Abdelhak-Bahri / img2css

Convert any image to pure CSS. Recreates images using only box-shadows.

Home Page:https://javier.xyz/img2css/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

img2css

Convert any image to pure CSS.

Live demo

img2css

How does it work?

This tool creates a single one pixel shadow per pixel in the source images.

Why?

Hmm... to demonstrate the power of CSS!

And this may have other interesting applications, like creating loading screens with pixel art, display images where <img /> tags are not allowed or supported.

Development

Run development server:

npm run dev

Build

npm run build

About

Convert any image to pure CSS. Recreates images using only box-shadows.

https://javier.xyz/img2css/


Languages

Language:JavaScript 78.3%Language:HTML 19.6%Language:CSS 2.1%