PURE CSS ART GALLERY

Loading artwork...

Rachel Bull

Angry Birds recreated in pure CSS. This was created with only CSS3 shapes using 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
Chrome 91.0	Windows 10 64-bit	367.23ms	2.68ms	22.15ms	6	-
Chrome 89.0	Windows 10 64-bit	322.28ms	1.84ms	7.20ms	3	-
Chrome 90.0	Windows 10 64-bit	215.55ms	5.14ms	26.07ms	2	-
Chrome 90.0	OS X 10.15.7 64-bit	327.11ms	1.24ms	3.55ms	2	-
null null	null	618.28ms	2.26ms	19.76ms	1	-
Chrome 83.0	Linux 64-bit	112.02ms	4.83ms	31.08ms	1	-
Safari 13.1.2	iOS 13.6.1	534.00ms	4.00ms	3.00ms	1	-
Firefox 81.0	Windows 10 64-bit	65.00ms	5.00ms	7.00ms	1	-
Firefox 82.0	Windows 10 64-bit	137.00ms	3.00ms	44.00ms	1	-
Firefox 83.0	Windows 10 64-bit	267.00ms	3.00ms	23.00ms	1	-
Firefox 82.0	Ubuntu 64-bit	191.00ms	12.00ms	35.00ms	1	-
Firefox 83.0	Linux 64-bit	682.00ms	16.00ms	105.00ms	1	-
Chrome Mobile 56.0	Android 6.0.1	1305.92ms	11.48ms	48.58ms	1	-
Chrome 90.0	Linux 64-bit	238.65ms	3.31ms	15.67ms	1	-
Chrome 91.0	OS X 10.15.7 64-bit	132.30ms	1.30ms	3.70ms	1	-
Opera 76.0	Windows 10 64-bit	249.88ms	5.50ms	13.97ms	1	-
Chrome 90.0	null	89.00ms	0.00ms	180.01ms	1	-
Safari 14.1.1	OS X 10.15.6	259.00ms	3.00ms	10.00ms	1	-
Firefox 89.0	Ubuntu 64-bit	211.00ms	4.00ms	12.00ms	1	-