StephenBurakoff.com Things of mine

Things of mine

something

something else

shadow-6

.shadow-4 { box-shadow:
0 1px 1px rgba(0,0,0,0.15),
0 2px 2px rgba(0,0,0,0.15),
0 4px 4px rgba(0,0,0,0.15),
0 8px 8px rgba(0,0,0,0.15);}

shadow-long

.shadow-long { box-shadow:
0 1px 1px rgba(0,0,0,0.12),
0 2px 2px rgba(0,0,0,0.12),
0 4px 4px rgba(0,0,0,0.12),
0 8px 8px rgba(0,0,0,0.12),
0 16px 16px rgba(0,0,0,0.12); }

realistic-shadow-box

.realistic-shadow-box {
box-shadow: 0 1px 1px rgba(16,27,30,0.15),
0 2px 2px rgba(16,27,30,0.15),
0 4px 4px rgba(16,27,30,0.15),
0 8px 8px rgba(16,27,30,0.15),
0 16px 16px rgba(16,27,30,0.15);}

shadow-softer

.shadow-softer {
0 1px 2px rgba(0,0,0,0.07),
0 2px 4px rgba(0,0,0,0.07),
0 4px 8px rgba(0,0,0,0.07),
0 8px 16px rgba(0,0,0,0.07),
0 16px 32px rgba(0,0,0,0.07),
0 32px 64px rgba(0,0,0,0.07); }

traditional-shadow-box

.traditional-shadow-box {
box-shadow: 0 6px 6px rgba(16,27,30,0.4);}

4 shadows with 15% alpha

.shadow-4 { box-shadow:
0 1px 1px rgba(0,0,0,0.15),
0 2px 2px rgba(0,0,0,0.15),
0 4px 4px rgba(0,0,0,0.15),
0 8px 8px rgba(0,0,0,0.15);}

special

.special { box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.02),
0 6.7px 5.3px rgba(0, 0, 0, 0.028),
0 12.5px 10px rgba(0, 0, 0, 0.035),
0 22.3px 17.9px rgba(0, 0, 0, 0.042),
0 41.8px 33.4px rgba(0, 0, 0, 0.05),
0 100px 80px rgba(0, 0, 0, 0.07);}