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 78.0	Windows 10 64-bit	229.45ms	1.78ms	22.42ms	58	-
Chrome 79.0	Windows 10 64-bit	452.72ms	2.09ms	59.88ms	51	-
Chrome 77.0	Windows 10 64-bit	194.49ms	1.97ms	25.94ms	34	-
Chrome 80.0	Windows 10 64-bit	247.31ms	1.81ms	24.27ms	32	-
Chrome 78.0	OS X 10.14.6 64-bit	163.37ms	1.22ms	16.79ms	21	-
Chrome 74.0	Windows 10 64-bit	341.78ms	2.30ms	26.41ms	21	-
Chrome 76.0	Windows 10 64-bit	230.23ms	1.86ms	21.59ms	18	-
Chrome 75.0	Windows 10 64-bit	209.74ms	2.27ms	27.32ms	18	-
Chrome Mobile 79.0	Android 9	313.04ms	4.51ms	22.31ms	15	-
Chrome 84.0	Windows 10 64-bit	255.15ms	1.39ms	32.25ms	13	-
Chrome 78.0	OS X 10.15.1 64-bit	179.61ms	1.79ms	19.65ms	12	-
Chrome Mobile 78.0	Android 9	303.01ms	4.42ms	28.71ms	11	-
Firefox 72.0	Windows 10 64-bit	176.64ms	9.36ms	50.64ms	11	-
Chrome 78.0	Linux 64-bit	273.06ms	3.68ms	17.37ms	11	-
null null	null	391.68ms	4.80ms	12.50ms	9	-
Firefox 70.0	Windows 10 64-bit	125.00ms	2.50ms	44.00ms	8	-
Chrome 79.0	OS X 10.14.6 64-bit	203.23ms	1.96ms	17.13ms	8	-
Firefox 69.0	Windows 10 64-bit	97.25ms	3.00ms	24.50ms	8	-
Chrome 75.0	Linux 64-bit	213.77ms	2.57ms	25.51ms	8	-
Firefox 68.0	Windows 10 64-bit	228.50ms	6.38ms	58.13ms	8	-
Chrome 81.0	Windows 10 64-bit	229.29ms	1.81ms	34.76ms	7	-
Chrome 80.0	OS X 10.15.3 64-bit	228.01ms	0.93ms	14.27ms	7	-
Chrome 76.0	Linux 64-bit	387.35ms	3.95ms	17.83ms	6	-
Chrome 77.0	OS X 10.14.6 64-bit	313.40ms	1.05ms	13.22ms	6	-
Firefox 71.0	Windows 10 64-bit	77.00ms	4.00ms	11.17ms	6	-
Chrome 78.0	OS X 10.15.0 64-bit	142.48ms	1.35ms	12.11ms	6	-
Chrome 83.0	Windows 10 64-bit	296.97ms	2.79ms	23.88ms	6	-
Chrome 74.0	OS X 10.14.4 64-bit	209.00ms	1.38ms	16.22ms	6	-
Chrome 80.0	Linux 64-bit	291.84ms	3.61ms	72.26ms	6	-
Android Browser 4.0	Android 9	206.02ms	3.25ms	35.87ms	6	-
Chrome 80.0	OS X 10.14.6 64-bit	183.40ms	2.20ms	37.47ms	6	-
Safari 12.1.1	OS X 10.14.5	153.00ms	1.00ms	4.67ms	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	OS X 10.14.5 64-bit	200.54ms	1.57ms	15.78ms	5	-
Safari 12.0	OS X 10.14	197.80ms	1.20ms	7.60ms	5	-
Chrome 77.0	Windows Server 2008 R2 / 7 64-bit	211.05ms	1.61ms	21.72ms	5	-
Chrome 73.0	Windows 10 64-bit	270.99ms	1.69ms	14.49ms	5	-
Chrome 72.0	Windows 10 64-bit	200.97ms	1.31ms	13.87ms	5	-
Chrome 78.0	Windows 8.1 64-bit	211.18ms	3.55ms	31.71ms	5	-
Chrome 57.0	Linux 64-bit	224.13ms	3.85ms	11.19ms	5	-
Chrome 79.0	Linux 64-bit	186.55ms	1.80ms	33.36ms	5	-
Chrome 84.0	OS X 10.15.6 64-bit	312.74ms	1.16ms	42.82ms	5	-
Firefox 73.0	Windows 10 64-bit	118.25ms	2.50ms	55.00ms	4	-
Chrome 79.0	OS X 10.15.3 64-bit	158.64ms	1.12ms	26.93ms	4	-
Chrome 76.0	OS X 10.14.6 64-bit	280.07ms	3.21ms	29.11ms	4	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	197.55ms	2.62ms	44.55ms	4	-
Chrome 77.0	Linux 64-bit	130.66ms	2.96ms	9.44ms	4	-
Safari 13.0.1	iOS 13.1.3	153.50ms	1.50ms	4.50ms	4	-
Chrome 78.0	OS X 10.14.5 64-bit	223.79ms	1.27ms	20.79ms	4	-