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	238.41ms	2.06ms	23.53ms	14	-
Chrome 77.0	Windows 10 64-bit	311.97ms	21.07ms	29.79ms	13	-
Chrome 76.0	Windows 10 64-bit	204.89ms	2.00ms	21.03ms	9	-
Chrome 74.0	Windows 10 64-bit	263.62ms	2.43ms	40.72ms	8	-
Firefox 69.0	Windows 10 64-bit	123.75ms	4.50ms	33.00ms	4	-
Chrome 75.0	Linux 64-bit	120.09ms	2.50ms	40.09ms	4	-
Chrome 75.0	OS X 10.14.5 64-bit	258.63ms	1.20ms	9.22ms	4	-
Chrome 76.0	OS X 10.14.6 64-bit	173.54ms	1.30ms	35.88ms	4	-
Chrome 77.0	Linux 64-bit	164.11ms	2.19ms	28.22ms	4	-
Chrome 73.0	Windows 10 64-bit	340.52ms	2.07ms	9.38ms	4	-
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 76.0	OS X 10.14.5 64-bit	129.80ms	1.76ms	9.59ms	3	-
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	-
Chrome Mobile 74.0	Android 9	418.95ms	7.25ms	38.40ms	2	-
Firefox 68.0	Windows 10 64-bit	215.50ms	5.50ms	64.50ms	2	-
Chrome 77.0	OS X 10.14.4 64-bit	147.43ms	1.70ms	24.05ms	2	-
Chrome 76.0	Linux 64-bit	250.81ms	5.51ms	19.08ms	2	-
Chrome 76.0	Windows 8.1 64-bit	294.58ms	2.18ms	126.07ms	2	-
Chrome 71.0	Linux 64-bit	118.60ms	7.55ms	41.30ms	2	-
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 67.0	Linux 64-bit	475.50ms	2.00ms	9.10ms	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	-
Android Browser 4.0	Android 9	156.30ms	6.10ms	28.10ms	1	-
Chrome 76.0	OS X 10.14.4 64-bit	87.18ms	1.29ms	11.52ms	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	-
Firefox 61.0	Ubuntu 64-bit	126.00ms	4.00ms	12.00ms	1	-