CSS Art.

CSS art of a glass of water with lemons created in just CSS

Pure CSS Still Life - Water and Lemons.

A Pure CSS Still Life. No images, just CSS. CSS Art.

CSS art of a girls face created in pure css

Pure CSS Only Portrait - Isla

I tried a still life so I thought I would try a portrait, next stop a landscape! I think it took roughly about 100 hours. I think there is possibly too much CSS effects, browsers struggle with this one. CSS art.

CSS art of Southwold sea front created in css

Pure CSS Landscape - An Evening in Southwold

A Pure CSS Landscape No images, just CSS. Edit the CSS at the top and choose your own sunset colour. CSS art.

CSS art of a giant rubbish collecting robot by the pyramids covered in litter

Drawing in CSS - Sci-Fi Art: A Vacuum From Space

A year before starting, I wondered to myself: Why do most people (including myself) just copy images for CSS art and never do anything much original… 12 months later, I understand why! CSS art.

CSS art of art gallery that you can look around created without javascript

3D First Person Art Gallery - No Javascript!

A CSS art gallery you can look around. Images of pure CSS art, unfortunately peoples computer would explode if I didn't use images. Everything else is pure CSS though. There are a few Easter Eggs scattered about.

CSS art of a game in which you build little houses on an island. Built using CSS only.

A Pure CSS Game - You Must Build a Lighthouse.

100% CSS. No artificial colours or ingredients. First person to screenshot a lighthouse wins! CSS art.

a 8-bit pixel art girl walking in front of a mountain range

Zero Divs! Pure CSS pixel art animation!

No HTML. No Javascript. No Images. Pure 100% unadulterated CSS. Can CSS art get any purer than this?

CSS art of a rotating playing card created using just CSS

Pure CSS Playing Card No.1 - King of Hearts.

The King of Hearts - No images, just CSS. It was mainly an experiment with lighting. CSS art.

Mario 64's title screen created using only CSS'

Pure CSS Mario 64 - 3D - No JavaScript!

A homage to the Super Mario 64 intro screen. No images, no JavaScript, just a lot of transform3d. Unfortunately iOS Safari can’t quite manage it. CSS art.

René Magritte's 'La Trahison des images recreated using CSS

Pure CSS - Ceci n'est pas une image

No images, just HTML & CSS. Just a fun, unoriginal, quick one.

an image of 1984 BBC Micro ELITE lovingly recreated in PURE CSS

--- CTRL ALT ELITE ---

A Homage to 1984 BBC Micro ELITE lovingly recreated in PURE CSS. 100% No Javascript! Can you survive? Hold the Alt key to play.

CSS art of an attempt at video-realism with just CSS

A moment of pure CSS art.

An attempt at video-realism with just CSS (& HTML). No JavaScript - No Images - No Videos. You can edit the colour of the sun for different themes and also adjust the contrast and colour saturation - You can also mess around with all the 3D rotation too, if you can find it :)

Back