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	281.62ms	17.75ms	163.39ms	17	-
Chrome 80.0	Windows 10 64-bit	199.10ms	2.40ms	30.26ms	15	-
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	-
Chrome 81.0	Windows 10 64-bit	246.11ms	1.74ms	15.83ms	7	-
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 80.0	OS X 10.15.3 64-bit	441.03ms	1.35ms	20.70ms	4	-
Chrome 73.0	Windows 10 64-bit	340.52ms	2.07ms	9.38ms	4	-
Chrome 83.0	Windows 10 64-bit	152.58ms	1.46ms	14.10ms	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 80.0	Windows Server 2008 R2 / 7 64-bit	396.66ms	4.39ms	42.94ms	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 83.0	OS X 10.15.5 64-bit	201.61ms	1.71ms	16.54ms	3	-
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 Mobile 79.0	Android 9	374.15ms	5.90ms	21.60ms	2	-
Chrome Mobile 80.0	Android 10	347.80ms	4.30ms	16.10ms	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 78.0	OS X 10.14.4 64-bit	311.73ms	1.82ms	6.65ms	2	-
Chrome 80.0	Linux 64-bit	567.75ms	2.34ms	27.64ms	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 79.0	OS X 10.15.3 64-bit	190.87ms	1.13ms	25.92ms	2	-
Chrome 71.0	Linux 64-bit	118.60ms	7.55ms	41.30ms	2	-
Firefox 74.0	Windows 10 64-bit	255.00ms	11.00ms	61.50ms	2	-