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 77.0	Windows 10 64-bit	194.49ms	1.97ms	25.94ms	34	-
Chrome 78.0	Windows 10 64-bit	229.31ms	2.15ms	25.66ms	25	-
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	197.90ms	2.37ms	26.68ms	16	-
Chrome 78.0	OS X 10.14.6 64-bit	175.86ms	1.20ms	11.62ms	10	-
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	233.29ms	6.86ms	41.14ms	7	-
Chrome 74.0	OS X 10.14.4 64-bit	209.00ms	1.38ms	16.22ms	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	Linux 64-bit	387.35ms	3.95ms	17.83ms	6	-
Firefox 70.0	Windows 10 64-bit	105.17ms	2.67ms	28.33ms	6	-
Chrome 78.0	OS X 10.15.1 64-bit	203.59ms	1.78ms	12.19ms	6	-
Chrome 76.0	OS X 10.14.5 64-bit	200.54ms	1.57ms	15.78ms	5	-
Chrome 77.0	OS X 10.14.6 64-bit	341.34ms	1.05ms	14.82ms	5	-
Chrome 77.0	Windows Server 2008 R2 / 7 64-bit	211.05ms	1.61ms	21.72ms	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 72.0	Windows 10 64-bit	200.97ms	1.31ms	13.87ms	5	-
Android Browser 4.0	Android 9	180.67ms	3.90ms	46.25ms	4	-
Safari 12.1.1	OS X 10.14.5	182.25ms	1.00ms	5.25ms	4	-
Chrome Mobile 75.0	Android 9	240.50ms	3.20ms	22.40ms	4	-
Chrome 77.0	OS X 10.14.5 64-bit	121.94ms	2.50ms	35.97ms	4	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	197.55ms	2.62ms	44.55ms	4	-
Chrome 74.0	OS X 10.14.5 64-bit	186.55ms	1.20ms	35.20ms	3	-
Chrome 76.0	OS X 10.14.6 64-bit	230.75ms	3.76ms	30.57ms	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	-
Chrome 77.0	Linux 64-bit	142.25ms	3.16ms	10.69ms	3	-
Chrome 70.0	Windows 10 64-bit	124.17ms	1.87ms	10.33ms	3	-
Safari 12.0	iOS 12.1	134.67ms	1.00ms	8.33ms	3	-
Chrome 78.0	OS X 10.15.0 64-bit	143.48ms	1.73ms	18.65ms	3	-
Chrome 78.0	Linux 64-bit	172.69ms	1.93ms	16.09ms	3	-
Firefox 65.0	Windows 10 64-bit	171.67ms	5.33ms	17.00ms	3	-
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 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	iOS 12.3.1	329.50ms	3.00ms	280.00ms	2	-
Microsoft Edge 18.18362	Windows 10 64-bit	328.05ms	2.15ms	12.15ms	2	-
Chrome 76.0	Windows 8.1 64-bit	188.21ms	0.98ms	43.34ms	2	-
Safari 12.1.2	iOS 12.4.1	130.00ms	1.00ms	7.50ms	2	-
Chrome 62.0	Linux 64-bit	218.48ms	3.42ms	32.37ms	2	-
Firefox 70.0	OS X 10.15	204.50ms	2.50ms	24.50ms	2	-
Chrome 69.0	Windows 10 64-bit	168.95ms	1.30ms	11.40ms	2	-