PURE CSS ART GALLERY

Loading artwork...

Adam Towle

Testing out CSS capabilities for a single div. This is my first attempt at creating CSS art.

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 97.0	Windows 10 64-bit	200.85ms	0.78ms	3.72ms	4	-
Chrome 98.0	Windows 10 64-bit	332.95ms	1.70ms	7.05ms	2	-
Chrome 98.0	OS X 10.15.7 64-bit	78.70ms	1.60ms	6.80ms	1	-
Chrome 100.0	Windows 10 64-bit	302.80ms	0.80ms	5.50ms	1	-
Safari 14.1.2	iOS 14.8.1	164.00ms	2.00ms	9.00ms	1	-
Firefox 96.0	OS X 10.15	144.00ms	2.00ms	8.00ms	1	-
Firefox 96.0	Ubuntu 64-bit	265.00ms	7.00ms	16.00ms	1	-
Safari 15.3	OS X 10.15.7	188.00ms	1.00ms	1.00ms	1	-
Firefox 97.0	Ubuntu 64-bit	408.00ms	4.00ms	13.00ms	1	-
Chrome Mobile 99.0	Android 11	494.80ms	3.60ms	19.60ms	1	-
Firefox 99.0	Windows 10 64-bit	487.00ms	4.00ms	10.00ms	1	-
Chrome 101.0	Linux 64-bit	649.20ms	2.80ms	10.10ms	1	-