PURE CSS ART GALLERY

Loading artwork...

Rachel Bull

The Simpsons on the sofa from the titles recreated in pure CSS. This was created with only HTML elements, CSS3 pseudo classes and box-shadows.

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	1479.54ms	19.20ms	523.35ms	6	-
Chrome 96.0	Windows 10 64-bit	326.47ms	1.73ms	6.33ms	3	-
Firefox 96.0	Windows 10 64-bit	235.33ms	1.33ms	6.67ms	3	-
Chrome 98.0	Windows 10 64-bit	256.23ms	1.63ms	11.67ms	3	-
Safari 15.1	OS X 10.15.7	139.50ms	1.50ms	11.00ms	2	-
Chrome 97.0	Windows 10 64-bit	228.25ms	1.95ms	7.95ms	2	-
Chrome 96.0	Linux 64-bit	247.10ms	3.00ms	9.20ms	2	-
Chrome 99.0	OS X 10.15.7 64-bit	196.45ms	1.80ms	8.35ms	2	-
Firefox 96.0	Ubuntu 64-bit	202.50ms	10.00ms	24.50ms	2	-
Safari 15.3	OS X 10.15.7	213.50ms	1.50ms	5.50ms	2	-
Chrome 100.0	OS X 10.15.7 64-bit	128.75ms	1.75ms	5.65ms	2	-
Chrome Mobile 92.0	Android 11	387.30ms	4.10ms	22.10ms	1	-
Firefox 91.0	Ubuntu 64-bit	474.00ms	10.00ms	22.00ms	1	-
Chrome 96.0	OS X 10.15.7 64-bit	260.30ms	1.70ms	5.90ms	1	-
Safari 15.1	iOS 15.1	271.00ms	2.00ms	3.00ms	1	-
Chrome 98.0	OS X 10.15.7 64-bit	198.40ms	1.80ms	5.60ms	1	-
Firefox 95.0	Windows 10 64-bit	220.00ms	6.00ms	37.00ms	1	-
Chrome 100.0	Windows 10 64-bit	855.00ms	4.00ms	35.20ms	1	-
Chrome Mobile 96.0	Android 11	923.40ms	17.90ms	30.60ms	1	-
Chrome 98.0	Linux 64-bit	405.10ms	1.60ms	3.20ms	1	-
Chrome 97.0	null	20.00ms	0.00ms	170.00ms	1	-
Safari 15.4	iOS 15.4	524.00ms	2.00ms	4.00ms	1	-
Firefox 100.0	Windows 10 64-bit	216.00ms	1.00ms	9.00ms	1	-
Firefox 99.0	Windows 10 64-bit	1260.00ms	9.00ms	12.00ms	1	-