PURE CSS ART GALLERY

Loading artwork...

Rachel Bull

Halloween pumpkin made in Pure CSS using box-shadows, clip paths and html shapes.

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
Firefox 82.0	Windows 10 64-bit	314.25ms	4.50ms	145.50ms	4	-
Firefox 81.0	Windows 10 64-bit	298.33ms	2.33ms	80.00ms	3	-
Safari 13.1.2	OS X 10.15.6	122.50ms	0.50ms	10.00ms	2	-
Safari 14.0	OS X 10.15.7	130.00ms	1.00ms	8.00ms	2	-
Firefox 81.0	OS X 10.12	59.00ms	1.50ms	31.50ms	2	-
Chrome 91.0	Windows 10 64-bit	201.70ms	2.30ms	27.70ms	2	-
Firefox 68.0	Windows 10 64-bit	120.00ms	3.00ms	34.00ms	1	-
Chrome 80.0	Windows Server 2008 R2 / 7 64-bit	457.20ms	1.65ms	110.32ms	1	-
Chrome 60.0	Linux 64-bit	132.30ms	2.57ms	10.66ms	1	-
Chrome Mobile 81.0	Android 9	500.60ms	8.00ms	32.40ms	1	-
Chrome 84.0	Windows 10 64-bit	65.83ms	0.87ms	7.39ms	1	-
Chrome Mobile 83.0	Android 10	786.80ms	7.40ms	48.00ms	1	-
Chrome 83.0	Linux 64-bit	132.79ms	2.26ms	16.78ms	1	-
Firefox 78.0	Windows 10 64-bit	102.00ms	1.00ms	52.00ms	1	-
Firefox 79.0	Windows 10 64-bit	62.00ms	2.00ms	5.00ms	1	-
Safari 14.0	iOS 14.0	88.00ms	2.00ms	11.00ms	1	-
Safari 13.1.2	iOS 13.6.1	615.00ms	3.00ms	3.00ms	1	-
Firefox 81.0	Linux 64-bit	132.00ms	2.00ms	18.00ms	1	-
Chrome 72.0	Windows Server 2008 R2 / 7	880.94ms	5.03ms	128.79ms	1	-
Chrome Mobile 85.0	iOS 14.0	272.00ms	3.00ms	20.00ms	1	-
Firefox 82.0	Windows Server 2008 R2 / 7 64-bit	127.00ms	2.00ms	73.00ms	1	-
Firefox 83.0	OS X 10.15	28.00ms	1.00ms	15.00ms	1	-
Chrome Mobile 86.0	iOS 14.0	149.00ms	2.00ms	8.00ms	1	-
Firefox 83.0	Windows 10 64-bit	98.00ms	1.00ms	71.00ms	1	-
Firefox 82.0	OS X 10.14	96.00ms	1.00ms	71.00ms	1	-
Firefox 82.0	Fedora 64-bit	121.00ms	4.00ms	53.00ms	1	-
Safari 14.0.1	OS X 10.15.6	140.00ms	0.00ms	12.00ms	1	-
Firefox 83.0	Linux 64-bit	1608.00ms	10.00ms	299.00ms	1	-
Chrome Mobile 86.0	iOS 13.5	212.00ms	1.00ms	8.00ms	1	-
Safari 14.0.2	OS X 10.15.6	353.00ms	1.00ms	7.00ms	1	-
Firefox 85.0	Ubuntu 64-bit	128.00ms	3.00ms	19.00ms	1	-
Firefox 87.0	Linux 64-bit	310.00ms	2.00ms	12.00ms	1	-
Firefox 87.0	Windows 10 64-bit	147.00ms	2.00ms	7.00ms	1	-
Chrome Mobile 87.0	iOS 13.6	582.00ms	0.00ms	6.00ms	1	-
Chrome 89.0	OS X 10.15.7 64-bit	199.04ms	1.07ms	6.63ms	1	-
Chrome 91.0	OS X 10.15.7 64-bit	790.70ms	1.70ms	36.80ms	1	-
Chrome 90.0	Windows 10 64-bit	77.43ms	1.87ms	5.22ms	1	-
Chrome 89.0	null	20.00ms	0.00ms	180.00ms	1	-
Firefox 90.0	Windows 10 64-bit	321.00ms	4.00ms	6.00ms	1	-
Chrome 90.0	Windows Server 2008 R2 / 7	395.00ms	2.00ms	3.00ms	1	-
Chrome 87.0	OS X 10.15.7 64-bit	406.66ms	2.54ms	4.98ms	1	-
Chrome 92.0	Windows 10 64-bit	293.20ms	2.40ms	9.20ms	1	-
Firefox 90.0	Linux 64-bit	582.00ms	4.00ms	13.00ms	1	-