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 79.0	Windows 10 64-bit	286.85ms	18.72ms	166.06ms	16	-
Chrome 75.0	Windows 10 64-bit	238.41ms	2.06ms	23.53ms	14	-
Chrome 78.0	Windows 10 64-bit	166.50ms	1.80ms	27.14ms	12	-
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 78.0	OS X 10.14.6 64-bit	198.02ms	1.90ms	34.17ms	4	-
Chrome 79.0	OS X 10.14.6 64-bit	131.95ms	1.19ms	14.72ms	4	-
Chrome 79.0	OS X 10.15.2 64-bit	201.03ms	1.61ms	17.56ms	4	-
Chrome 73.0	Windows 10 64-bit	340.52ms	2.07ms	9.38ms	4	-
Chrome 76.0	OS X 10.14.4 64-bit	94.59ms	1.73ms	22.71ms	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 77.0	OS X 10.15.0 64-bit	91.83ms	1.25ms	25.67ms	3	-
Firefox 72.0	Windows 10 64-bit	216.00ms	3.00ms	52.33ms	3	-
Chrome 78.0	OS X 10.15.1 64-bit	225.95ms	1.14ms	49.55ms	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 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 70.0	Linux 64-bit	213.40ms	1.30ms	4.60ms	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	-
Safari 7.x	Linux 64-bit	230.38ms	4.83ms	11.08ms	2	-
Chrome 78.0	Linux 64-bit	136.25ms	1.78ms	47.40ms	2	-
Chrome 79.0	OS X 10.15.1 64-bit	159.90ms	1.16ms	5.60ms	2	-
Chrome 80.0	Windows 10 64-bit	208.68ms	1.05ms	5.00ms	2	-
Chrome 78.0	OS X 10.14.4 64-bit	311.73ms	1.82ms	6.65ms	2	-
Chrome 79.0	OS X 10.14.5 64-bit	338.93ms	9.36ms	13.48ms	2	-
Chrome 79.0	OS X 10.14.0 64-bit	305.79ms	2.59ms	42.56ms	2	-
Chrome 71.0	Linux 64-bit	118.60ms	7.55ms	41.30ms	2	-
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	-
Android Browser 4.0	Android 8.0.0	303.00ms	7.80ms	39.00ms	1	-
Chrome 74.0	Windows 8.1 64-bit	310.61ms	1.80ms	242.95ms	1	-
Chrome 74.0	OS X 10.11.6 64-bit	249.59ms	4.78ms	15.31ms	1	-