Publish Art via Github

PURE CSS ART GALLERY

Loading artwork...

Heather Shar

I made this snowman CSS painting to learn more about Pure CSS Art, CSS coding, layering, gradients, shapes, etc.

Edit on Codepen

Async `<link>`

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

localStorage

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

Cache-API

Total

…s

Download

Start: …ms

Duration: …ms

Render

Start: …ms

Duration: 1…ms

Browser	OS	Async	localStorage	Cache-API	Tests	Improvement
Chrome 74.0	Windows 10 64-bit	350.95ms	2.27ms	26.90ms	20	-
Chrome 75.0	Windows 10 64-bit	207.86ms	2.49ms	23.34ms	14	-
Chrome 74.0	OS X 10.14.4 64-bit	209.00ms	1.38ms	16.22ms	6	-
Chrome 75.0	Linux 64-bit	233.96ms	2.90ms	24.25ms	6	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	160.78ms	1.79ms	33.52ms	6	-
Chrome 75.0	OS X 10.14.5 64-bit	168.49ms	1.84ms	11.90ms	6	-
Chrome 76.0	Windows 10 64-bit	218.75ms	2.19ms	25.26ms	5	-
Firefox 68.0	Windows 10 64-bit	256.40ms	3.80ms	29.80ms	5	-
Safari 12.0	OS X 10.14	197.80ms	1.20ms	7.60ms	5	-
Chrome 73.0	Windows 10 64-bit	270.99ms	1.69ms	14.49ms	5	-
Chrome Mobile 75.0	Android 9	240.50ms	3.20ms	22.40ms	4	-
Chrome 72.0	Windows 10 64-bit	179.63ms	1.35ms	8.98ms	4	-
Chrome 73.0	Linux 64-bit	263.36ms	4.27ms	20.26ms	3	-
Firefox 67.0	Windows 10 64-bit	123.00ms	5.67ms	65.00ms	3	-
Firefox 66.0	Windows 10 64-bit	124.00ms	3.33ms	38.00ms	3	-
Chrome 74.0	OS X 10.14.5 64-bit	186.55ms	1.20ms	35.20ms	3	-
Chrome 76.0	OS X 10.14.5 64-bit	215.28ms	1.63ms	8.29ms	3	-
Chrome 71.0	Windows 10 64-bit	252.27ms	2.20ms	9.63ms	3	-
Firefox 64.0	OS X 10.14	162.33ms	3.67ms	17.33ms	3	-
Safari 12.0	iOS 12.1	134.67ms	1.00ms	8.33ms	3	-
Firefox 65.0	Windows 10 64-bit	171.67ms	5.33ms	17.00ms	3	-
Firefox 66.0	Ubuntu 64-bit	130.50ms	5.00ms	13.50ms	2	-
Safari 12.1	iOS 12.2	259.00ms	1.00ms	15.50ms	2	-
Chrome 73.0	OS X 10.12.6 64-bit	268.38ms	1.37ms	4.61ms	2	-
Chrome 75.0	OS X 10.13.6 64-bit	87.59ms	1.87ms	6.13ms	2	-
Chrome 74.0	Linux 64-bit	325.95ms	2.85ms	18.66ms	2	-
Chrome Mobile 74.0	Android 9	257.05ms	6.45ms	59.75ms	2	-
Chrome 74.0	OS X 10.13.6 64-bit	241.09ms	2.27ms	25.94ms	2	-
Safari 12.1.1	OS X 10.14.5	206.50ms	0.50ms	5.00ms	2	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	214.82ms	3.04ms	78.56ms	2	-
Chrome 62.0	Linux 64-bit	218.48ms	3.42ms	32.37ms	2	-
Chrome 70.0	Windows 10 64-bit	135.85ms	1.55ms	10.45ms	2	-
Chrome 69.0	Windows 10 64-bit	168.95ms	1.30ms	11.40ms	2	-
Safari 11.0	iOS 11.4.1	207.00ms	2.00ms	11.00ms	2	-
Safari 12.0	iOS 12.0.1	176.50ms	0.50ms	2.50ms	2	-
Chrome 71.0	OS X 10.12.6 64-bit	235.45ms	1.75ms	11.15ms	2	-
Chrome 73.0	Windows Server 2008 R2 / 7 64-bit	100.80ms	1.42ms	6.58ms	2	-
Firefox 65.0	OS X 10.14	52.00ms	2.00ms	31.00ms	1	-
Chrome 73.0	OS X 10.14.4 64-bit	159.62ms	1.12ms	5.18ms	1	-
Firefox 66.0	OS X 10.14	129.00ms	4.00ms	16.00ms	1	-
Safari 12.0.3	OS X 10.13.6	718.00ms	1.00ms	8.00ms	1	-
Firefox 67.0	OS X 10.14	105.00ms	2.00ms	12.00ms	1	-
Safari 12.1	OS X 10.14.4	96.00ms	1.00ms	5.00ms	1	-
Chrome 73.0	OS X 10.10.3 64-bit	394.44ms	1.63ms	85.95ms	1	-
Firefox 61.0	Windows 8 64-bit	258.00ms	11.00ms	34.00ms	1	-
Chrome 74.0	Windows Server 2008 R2 / 7 64-bit	303.27ms	1.51ms	19.83ms	1	-
Android Browser 4.0	Android 9	166.40ms	2.90ms	15.20ms	1	-
Chrome 74.0	OS X 10.11.6 64-bit	229.75ms	1.19ms	36.67ms	1	-
Chrome Mobile 74.0	Android 8.0.0	430.20ms	3.00ms	49.30ms	1	-
Samsung Internet 9.2	Android 9	275.00ms	1.90ms	23.20ms	1	-