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.

View original

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 84.0	Windows 10 64-bit	407.38ms	2.61ms	30.65ms	11	-
Chrome 76.0	Windows 10 64-bit	282.04ms	3.63ms	41.78ms	10	-
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	-
Chrome 83.0	Windows 10 64-bit	222.78ms	1.78ms	20.93ms	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 84.0	OS X 10.15.5 64-bit	131.49ms	1.69ms	18.03ms	5	-
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 80.0	OS X 10.15.3 64-bit	441.03ms	1.35ms	20.70ms	4	-
Chrome 83.0	OS X 10.15.5 64-bit	238.67ms	1.62ms	15.24ms	4	-
Chrome 84.0	OS X 10.14.6 64-bit	251.40ms	1.44ms	31.02ms	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.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 84.0	Linux 64-bit	790.63ms	3.89ms	41.76ms	3	-
Firefox 79.0	Windows 10 64-bit	207.67ms	6.00ms	78.33ms	3	-
Chrome 76.0	OS X 10.14.4 64-bit	94.59ms	1.73ms	22.71ms	3	-
Chrome 84.0	OS X 10.15.6 64-bit	146.96ms	1.50ms	35.90ms	3	-
Chrome Mobile 84.0	Android 10	282.93ms	5.17ms	31.07ms	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 89.0	Windows 10 64-bit	385.23ms	2.85ms	21.25ms	3	-
Chrome 76.0	Linux 64-bit	223.82ms	4.84ms	15.06ms	3	-
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 Mobile 78.0	Android 9	395.85ms	6.55ms	38.35ms	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	-