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
null null	null	517.59ms	2.43ms	30.01ms	8	-
Chrome 97.0	Windows 10 64-bit	315.48ms	3.58ms	19.75ms	6	-
Chrome 98.0	OS X 10.15.7 64-bit	238.60ms	1.03ms	6.27ms	3	-
Chrome 98.0	Windows 10 64-bit	191.87ms	1.00ms	4.30ms	3	-
Chrome 99.0	OS X 10.15.7 64-bit	108.63ms	1.27ms	3.17ms	3	-
Chrome 98.0	Linux 64-bit	295.37ms	1.77ms	10.73ms	3	-
Chrome 100.0	OS X 10.15.7 64-bit	267.43ms	1.80ms	8.47ms	3	-
Firefox 95.0	Windows 10 64-bit	402.00ms	2.50ms	29.00ms	2	-
Firefox 96.0	Ubuntu 64-bit	205.00ms	4.50ms	15.00ms	2	-
Android Browser 4.0	Android 8.0.0	435.70ms	9.10ms	22.70ms	1	-
Firefox 78.0	Linux 64-bit	24.00ms	4.00ms	4.00ms	1	-
Firefox 91.0	Windows 10 64-bit	493.00ms	2.00ms	14.00ms	1	-
Chrome 94.0	OS X 10.15.7 64-bit	210.60ms	1.90ms	8.00ms	1	-
Chrome 93.0	Linux 64-bit	308.70ms	1.40ms	3.60ms	1	-
Chrome 96.0	OS X 10.15.7 64-bit	242.20ms	1.20ms	6.10ms	1	-
Chrome 96.0	Windows 10 64-bit	203.10ms	0.80ms	4.10ms	1	-
Safari 15.1	iOS 15.1	269.00ms	2.00ms	4.00ms	1	-
Chrome 97.0	OS X 10.15.7 64-bit	267.60ms	1.30ms	4.00ms	1	-
Firefox 95.0	Ubuntu 64-bit	520.00ms	3.00ms	8.00ms	1	-
Chrome 100.0	Windows 10 64-bit	1968.10ms	1.20ms	12.20ms	1	-
Chrome 97.0	Chrome OS 64-bit	217.40ms	5.90ms	25.90ms	1	-
Opera 82.0	Windows 10 64-bit	231.10ms	2.40ms	14.90ms	1	-
Safari 15.2	OS X 10.15.7	223.00ms	0.00ms	4.00ms	1	-
Chrome Mobile 97.0	Android 11	294.80ms	7.10ms	19.50ms	1	-
Safari 15.2	iOS 15.2.1	230.00ms	1.00ms	5.00ms	1	-
Chrome 99.0	Windows 10 64-bit	581.90ms	1.20ms	8.30ms	1	-
Firefox 97.0	Windows 10 64-bit	192.00ms	4.00ms	19.00ms	1	-
Firefox 98.0	Linux 64-bit	400.00ms	8.00ms	67.00ms	1	-
Firefox 97.0	OS X 10.15	484.00ms	1.00ms	5.00ms	1	-
Opera 83.0	Windows 10 64-bit	352.70ms	8.20ms	28.80ms	1	-
Chrome Mobile 98.0	Android 8.0.0	200.80ms	10.30ms	15.50ms	1	-
Safari 15.4	iOS 15.4	133.00ms	1.00ms	5.00ms	1	-
Firefox 100.0	Windows 10 64-bit	214.00ms	1.00ms	8.00ms	1	-
Opera Mobile 67.1.3508.63168	Android 11	953.00ms	6.30ms	34.90ms	1	-
Firefox 99.0	Windows 10 64-bit	600.00ms	1.00ms	10.00ms	1	-