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 79.0	Windows 10 64-bit	245.36ms	1.75ms	29.39ms	23	-
Chrome 84.0	Windows 10 64-bit	308.68ms	1.70ms	14.53ms	20	-
Chrome 80.0	Windows 10 64-bit	228.71ms	2.23ms	35.54ms	19	-
Chrome 78.0	Windows 10 64-bit	204.14ms	1.29ms	18.94ms	15	-
Chrome 83.0	Windows 10 64-bit	755.76ms	1.38ms	32.02ms	12	-
Chrome 75.0	Windows 10 64-bit	192.08ms	1.73ms	23.43ms	12	-
Chrome 77.0	Windows 10 64-bit	261.76ms	2.09ms	40.45ms	10	-
Chrome 80.0	Linux 64-bit	286.69ms	2.09ms	55.61ms	10	-
Chrome 81.0	Windows 10 64-bit	265.18ms	1.16ms	17.45ms	8	-
Chrome 74.0	Windows 10 64-bit	231.78ms	1.10ms	8.67ms	7	-
Chrome 80.0	OS X 10.15.3 64-bit	234.42ms	0.87ms	20.08ms	6	-
Chrome 83.0	OS X 10.15.5 64-bit	176.90ms	0.84ms	22.28ms	6	-
Android Browser 4.0	Android 4.3	516.78ms	1.42ms	15.30ms	6	-
Chrome 80.0	OS X 10.14.6 64-bit	180.78ms	1.16ms	10.82ms	6	-
Opera 68.0	Windows 10 64-bit	184.94ms	1.20ms	13.90ms	5	-
Chrome Mobile 83.0	Android 10	197.26ms	3.80ms	23.70ms	5	-
Chrome 76.0	Windows 10 64-bit	187.67ms	1.39ms	31.91ms	5	-
Chrome 77.0	OS X 10.14.6 64-bit	261.62ms	0.79ms	8.46ms	5	-
Safari 12.0	OS X 10.14	198.25ms	1.00ms	9.75ms	4	-
Chrome 84.0	OS X 10.15.5 64-bit	300.10ms	1.43ms	53.65ms	4	-
Firefox 68.0	Windows 10 64-bit	167.75ms	4.00ms	56.25ms	4	-
Chrome 80.0	Windows Server 2008 R2 / 7 64-bit	227.68ms	1.42ms	6.64ms	4	-
Chrome 79.0	OS X 10.15.3 64-bit	144.47ms	2.56ms	26.43ms	3	-
Safari 12.0	iOS 12.1	172.00ms	1.00ms	3.00ms	3	-
Chrome 83.0	OS X 10.15.4 64-bit	278.21ms	0.88ms	15.27ms	3	-
Chrome 83.0	Windows Server 2008 R2 / 7 64-bit	337.33ms	2.00ms	20.39ms	3	-
Chrome 73.0	Windows 10 64-bit	279.06ms	1.25ms	56.01ms	3	-
Chrome 57.0	Linux 64-bit	117.42ms	1.32ms	7.39ms	3	-
Chrome 84.0	OS X 10.15.6 64-bit	225.57ms	0.85ms	33.68ms	3	-
Safari 12.1.1	OS X 10.14.5	112.00ms	0.33ms	21.33ms	3	-
Firefox 69.0	Windows 10 64-bit	130.33ms	3.33ms	56.00ms	3	-
Chrome 76.0	Linux 64-bit	191.43ms	1.39ms	12.19ms	3	-
Chrome 78.0	OS X 10.14.6 64-bit	240.22ms	1.17ms	29.47ms	3	-
Firefox 72.0	Windows 10 64-bit	157.67ms	1.67ms	27.33ms	3	-
Chrome 78.0	OS X 10.15.1 64-bit	521.45ms	1.57ms	11.95ms	3	-
Chrome 79.0	OS X 10.14.6 64-bit	194.59ms	2.01ms	39.14ms	3	-
Chrome 79.0	OS X 10.15.2 64-bit	253.04ms	0.86ms	4.16ms	2	-
Chrome 79.0	OS X 10.14.5 64-bit	187.04ms	1.51ms	19.87ms	2	-
Firefox 73.0	Windows 10 64-bit	284.50ms	3.00ms	94.50ms	2	-
Firefox 73.0	Linux 64-bit	101.50ms	3.00ms	28.50ms	2	-
Chrome 79.0	OS X 10.14.4 64-bit	256.74ms	0.96ms	32.45ms	2	-
Safari 13.0.5	OS X 10.15.3	140.00ms	3.00ms	26.00ms	2	-
Safari 13.0.5	OS X 10.13.6	251.00ms	1.00ms	6.00ms	2	-
Firefox 74.0	Windows 10 64-bit	128.00ms	2.50ms	59.00ms	2	-
Firefox 75.0	Windows 10 64-bit	57.00ms	3.00ms	20.50ms	2	-
Chrome 62.0	Linux 64-bit	118.95ms	1.72ms	11.45ms	2	-
Chrome 80.0	OS X 10.14.5 64-bit	250.98ms	0.86ms	21.22ms	2	-
Chrome 71.0	Windows 10 64-bit	174.35ms	1.15ms	6.75ms	2	-
Chrome 80.0	Windows Server 2008 R2 / 7	362.03ms	2.76ms	8.81ms	2	-
Chrome 80.0	OS X 10.15.4 64-bit	232.30ms	0.79ms	5.88ms	2	-