Publish Art via Github

PURE CSS ART GALLERY

Loading artwork...

Rachel Bull

CSS Brian Griffin from Family Guy 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
Chrome 75.0	Windows 10 64-bit	248.21ms	2.12ms	19.44ms	13	-
Chrome 74.0	Windows 10 64-bit	263.62ms	2.43ms	40.72ms	8	-
Chrome 73.0	Windows 10 64-bit	340.52ms	2.07ms	9.38ms	4	-
Chrome 76.0	Windows 10 64-bit	223.83ms	1.45ms	23.73ms	4	-
Chrome 75.0	OS X 10.14.5 64-bit	258.63ms	1.20ms	9.22ms	4	-
Chrome 76.0	Windows Server 2008 R2 / 7 64-bit	132.69ms	3.36ms	10.01ms	3	-
Chrome 72.0	Windows 10 64-bit	211.53ms	2.71ms	7.67ms	3	-
Firefox 67.0	Windows 10 64-bit	172.00ms	3.67ms	67.00ms	3	-
Chrome 75.0	Windows Server 2008 R2 / 7 64-bit	132.46ms	2.11ms	6.75ms	3	-
Chrome 71.0	Linux 64-bit	118.60ms	7.55ms	41.30ms	2	-
Chrome Mobile 74.0	Android 9	418.95ms	7.25ms	38.40ms	2	-
Chrome 75.0	Linux 64-bit	109.34ms	2.60ms	31.02ms	2	-
Chrome 76.0	OS X 10.14.5 64-bit	145.01ms	2.04ms	9.68ms	2	-
Chrome 76.0	Linux 64-bit	153.20ms	4.20ms	19.90ms	1	-
Chrome 69.0	OS X 10.14.6 64-bit	102.60ms	1.60ms	27.00ms	1	-
Safari 7.x	Linux 64-bit	203.10ms	4.40ms	10.00ms	1	-
Firefox 64.0	Windows 10 64-bit	201.00ms	4.00ms	87.00ms	1	-
Safari 12.0	iOS 12.1	63.00ms	2.00ms	8.00ms	1	-
Chrome 27.0	Windows XP	273.70ms	3.20ms	97.10ms	1	-
Chrome Mobile 41.0	Android 6.0.1	20.00ms	0.00ms	120.00ms	1	-
Firefox 65.0	Windows 10 64-bit	69.00ms	2.00ms	45.00ms	1	-
Chrome 72.0	OS X 10.14.3 64-bit	207.12ms	1.35ms	5.49ms	1	-
Chrome 73.0	Windows Server 2008 R2 / 7 64-bit	83.29ms	1.74ms	10.73ms	1	-
Chrome 73.0	Linux 64-bit	54.10ms	1.16ms	4.57ms	1	-
Firefox 66.0	Ubuntu 64-bit	89.00ms	5.00ms	46.00ms	1	-
Chrome 73.0	OS X 10.14.4 64-bit	222.79ms	1.32ms	5.16ms	1	-
Firefox Mobile 66.0	Android 9	225.00ms	11.00ms	22.00ms	1	-
Chrome 72.0	OS X 10.10.5 64-bit	260.01ms	5.86ms	108.53ms	1	-
Chrome 73.0	OS X 10.14.5 64-bit	461.39ms	1.90ms	12.18ms	1	-
Firefox 67.0	OS X 10.14	96.00ms	2.00ms	72.00ms	1	-
Firefox 65.0	Linux 64-bit	68.00ms	3.00ms	35.00ms	1	-
Safari 12.1	OS X 10.14.4	82.00ms	1.00ms	20.00ms	1	-
Chrome 71.0	Chrome OS armv7l	224.80ms	5.40ms	27.10ms	1	-
Chrome 75.0	OS X 10.13.6 64-bit	105.24ms	1.21ms	44.00ms	1	-
Chrome 74.0	Linux 64-bit	126.00ms	1.27ms	11.56ms	1	-
Chrome 74.0	OS X 10.14.4 64-bit	108.29ms	2.04ms	33.74ms	1	-
Opera 60.0	Linux 64-bit	138.02ms	2.71ms	27.31ms	1	-
Chrome 74.0	OS X 10.13.6 64-bit	234.20ms	1.30ms	6.34ms	1	-
Chrome 74.0	Windows Server 2008 R2 / 7 64-bit	74.83ms	1.31ms	6.71ms	1	-
Chrome 74.0	Windows 8.1 64-bit	310.61ms	1.80ms	242.95ms	1	-
Opera 58.0	OS X 10.14.4	107.00ms	3.10ms	45.40ms	1	-
Chrome 64.0	Windows Server 2008 R2 / 7 64-bit	1411.30ms	1.90ms	5.90ms	1	-
Safari 12.0	iOS 12.1.2	105.00ms	2.00ms	8.00ms	1	-
Chrome 74.0	OS X 10.14.5 64-bit	311.74ms	1.78ms	47.06ms	1	-
Safari 12.1.1	iOS 12.3.1	300.00ms	3.00ms	20.00ms	1	-
Chrome Mobile 75.0	Android 8.0.0	420.50ms	6.60ms	18.30ms	1	-
Chrome 77.0	OS X 10.14.4 64-bit	131.06ms	2.32ms	42.22ms	1	-
Firefox 61.0	Ubuntu 64-bit	126.00ms	4.00ms	12.00ms	1	-
Safari 13.0	OS X 10.15	143.00ms	3.00ms	14.00ms	1	-
Chrome 77.0	Windows 10 64-bit	423.91ms	3.27ms	33.23ms	1	-