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 97.0	Windows 10 64-bit	350.23ms	1.57ms	6.33ms	3	-
Chrome 96.0	Windows 10 64-bit	543.65ms	4.65ms	15.50ms	2	-
Firefox 96.0	Windows 10 64-bit	212.00ms	1.00ms	8.50ms	2	-
Chrome 98.0	Windows 10 64-bit	431.55ms	1.45ms	6.80ms	2	-
Chrome 99.0	Windows 10 64-bit	395.45ms	2.85ms	16.65ms	2	-
Safari 15.3	OS X 10.15.7	194.50ms	1.00ms	3.50ms	2	-
Firefox 56.0	Windows Server 2008 R2 / 7 64-bit	459.85ms	6.79ms	59.42ms	1	-
Firefox 91.0	Windows 10 64-bit	215.00ms	9.00ms	27.00ms	1	-
Chrome 95.0	OS X 10.15.7 64-bit	5518.00ms	1.50ms	6.10ms	1	-
Chrome 100.0	Windows 10 64-bit	919.00ms	4.00ms	171.00ms	1	-
Chrome 99.0	OS X 10.15.7 64-bit	541.00ms	2.20ms	5.30ms	1	-
Chrome Mobile 98.0	Android 10	796.10ms	9.00ms	90.80ms	1	-
Chrome Mobile 98.0	Android 7.0	564.00ms	12.00ms	28.40ms	1	-
Safari 15.3	OS X 10.15.6	168.00ms	2.00ms	13.00ms	1	-
Firefox 100.0	Windows 10 64-bit	231.00ms	2.00ms	9.00ms	1	-
Firefox 99.0	Windows 10 64-bit	434.00ms	3.00ms	6.00ms	1	-
Chrome 100.0	OS X 10.15.7 64-bit	148.90ms	2.30ms	9.10ms	1	-
Chrome Mobile 100.0	Android 12	205.20ms	2.80ms	13.40ms	1	-