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 77.0	Windows 10 64-bit	292.79ms	16.03ms	32.72ms	18	-
Chrome 75.0	Windows 10 64-bit	238.41ms	2.06ms	23.53ms	14	-
Chrome 78.0	Windows 10 64-bit	174.53ms	1.87ms	29.12ms	11	-
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	116.17ms	4.17ms	39.33ms	6	-
Chrome 77.0	Linux 64-bit	168.19ms	2.51ms	23.71ms	5	-
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 76.0	Windows Server 2008 R2 / 7 64-bit	133.27ms	3.08ms	9.89ms	4	-
Firefox 70.0	Windows 10 64-bit	188.00ms	2.75ms	50.00ms	4	-
Chrome 77.0	OS X 10.14.6 64-bit	303.83ms	1.32ms	7.28ms	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	Linux 64-bit	223.82ms	4.84ms	15.06ms	3	-
Chrome 78.0	OS X 10.14.6 64-bit	155.66ms	1.68ms	17.69ms	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	-
Android Browser 4.0	Android 9	182.25ms	5.35ms	185.80ms	2	-
Chrome 76.0	OS X 10.14.4 64-bit	98.97ms	1.47ms	26.13ms	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	Windows 8.1 64-bit	294.58ms	2.18ms	126.07ms	2	-
Chrome 77.0	OS X 10.15.0 64-bit	68.46ms	0.92ms	28.69ms	2	-
Chrome 78.0	Linux 64-bit	136.25ms	1.78ms	47.40ms	2	-
Chrome 71.0	Linux 64-bit	118.60ms	7.55ms	41.30ms	2	-
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 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	-
Chrome 57.0	Linux 64-bit	131.70ms	2.40ms	15.33ms	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	-