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	166.50ms	1.80ms	27.14ms	12	-
Chrome 79.0	Windows 10 64-bit	358.13ms	28.86ms	257.83ms	10	-
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 78.0	OS X 10.14.6 64-bit	198.02ms	1.90ms	34.17ms	4	-
Chrome 73.0	Windows 10 64-bit	340.52ms	2.07ms	9.38ms	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 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 77.0	OS X 10.15.0 64-bit	91.83ms	1.25ms	25.67ms	3	-
Chrome 78.0	OS X 10.15.1 64-bit	225.95ms	1.14ms	49.55ms	3	-
Chrome 79.0	OS X 10.14.6 64-bit	114.71ms	1.14ms	16.78ms	3	-
Chrome 79.0	OS X 10.15.2 64-bit	155.95ms	1.65ms	17.32ms	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 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	-
Firefox 72.0	Windows 10 64-bit	267.00ms	2.00ms	73.50ms	2	-
Chrome 78.0	Linux 64-bit	136.25ms	1.78ms	47.40ms	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.0 64-bit	305.79ms	2.59ms	42.56ms	2	-
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	-
Android Browser 4.0	Android 9	182.25ms	5.35ms	185.80ms	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 13.0.1	OS X 10.15	75.00ms	1.00ms	8.00ms	1	-
Firefox 69.0	Windows Server 2008 R2 / 7 64-bit	98.00ms	7.00ms	14.00ms	1	-
Safari 13.0.1	OS X 10.14.6	266.00ms	1.00ms	17.00ms	1	-
Chrome Mobile 77.0	iOS 13.1	762.00ms	4.00ms	8.00ms	1	-
Chrome Mobile 78.0	Android 9	286.20ms	5.80ms	25.80ms	1	-
Chrome 78.0	OS X 10.13.6 64-bit	226.74ms	1.34ms	5.43ms	1	-
Chrome 78.0	Windows Server 2008 R2 / 7	2192.00ms	3.00ms	99.00ms	1	-
Chrome 79.0	OS X 10.15.1 64-bit	244.46ms	1.07ms	5.26ms	1	-
Chrome Mobile 78.0	Android 5.1	378.10ms	8.40ms	21.50ms	1	-
Safari 13.0.3	OS X 10.15	80.00ms	0.00ms	10.00ms	1	-
Safari 13.0.3	OS X 10.14.6	148.00ms	1.00ms	3.00ms	1	-
Chrome 79.0	Linux 64-bit	283.63ms	1.46ms	56.35ms	1	-
Chrome Mobile 77.0	iOS 13.0	342.00ms	4.00ms	79.00ms	1	-
Chrome 78.0	OS X 10.14.1 64-bit	83.79ms	1.77ms	17.17ms	1	-