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 89.0	Windows 10 64-bit	322.28ms	1.84ms	7.20ms	3	-
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	OS X 10.15.7 64-bit	247.49ms	1.28ms	3.33ms	1	-