Day 2 - Shadows

Understanding methods for sizing elements and adding depth effects.

---

1. Box Shadow & Text Shadow

Adding depth with shadows.

Code:

/* CSS */
.simple-shadow {
    /* x-offset | y-offset | blur-radius | color */
    box-shadow:  5px 5px 10px rgba(0,0,0,0.3);
}

.text-effect {
    text-shadow:  2px 2px 4px #000;
}

Output: