Pixel Art to CSS
Draw on the grid and it writes the box-shadow monstrosity that renders your sprite with no image file involved at all.
Opens in a new tab. We do not control this site and it may have changed since we catalogued it.
How to get the most from it
Pixel Art to CSS sits in Pixel Art under Make, filed as coffee break.
- Set aside five to fifteen minutes and give it your proper attention.
- Use a laptop or desktop computer — we file it as desktop only.
- It works with the sound off, so it is fine on a train or in a quiet office.
- No account needed — you can start without signing up.
- Go in expecting something clever, brainy and useful.
About this category: Sprite editors and pixel canvases. The limited grid does most of the design work for you, which is why beginners' output looks good immediately.
Good for
- Filling a coffee break properly
- Being impressed by a clever idea
- Giving your brain a workout
- Getting something practical done
- A quiet break at your desk
- Trying it with zero commitment
Pixel Art to CSS: quick answers
Is Pixel Art to CSS free?
Yes. Pixel Art to CSS is free to use and needs no account.
Do I need an account to use Pixel Art to CSS?
No. You can use Pixel Art to CSS without signing up for anything.
Does Pixel Art to CSS work on a phone?
Not well. We file Pixel Art to CSS as desktop only, so open it on a laptop or desktop computer.
Is Pixel Art to CSS safe for work?
Yes, we file it as safe for work. It also works muted.
How long does Pixel Art to CSS take?
We file it as "Coffee break": Five to fifteen minutes of proper attention.
More in Pixel Art
All 14 in Pixel ArtFeed it a photograph and it hands back a pixel-art version, with block size and palette entirely under your control.
Two decades of the pixel art scene's best work, still curated by hand and still running weekly drawing challenges.
Open-source pixel editor with tilemaps, animation and 3D layers, playable in the browser or free to download properly.
Sprite editor with layers and animation frames, wrapped in an unusually friendly community gallery of other people's work.
Same mood: clever
All clever sitesType in the thing you are stressed about, watch it shrink into a distant star over sixty seconds, then close the tab.
Two editors in one — a quick one and a layered one — both free in the browser with the usual filters and masks.
- 10 min
Type a phrase and watch every film clip in which somebody says it, cut back to back until the words stop meaning anything.
- 2 min
- Sound on
- Desktop
Put your cursor anywhere on the page and it finds a photograph of a person pointing at exactly that spot.
- <1 min
- Desktop
Keep exploring
Category
Time and mood
Have a site of your own? Suggest it for Detour or browse the AltFTool backlinks hub.