cursos/css/css-desde-cero-edteam-2024/26-box-shadow/styles.css

body {
    background: #222;
}

.box {
    background: skyblue;
    width: 250px;
    height: 150px;
    margin: 2em auto 0;
    border: 2px solid black;

    box-shadow: 60px 60px 10px 20px red;
}

.tv {
    width: 450px;
    height: 250px;
    background: #666;
    margin: 10em auto 0;
    border: 8px solid black;
    border-radius: 5px;

    box-shadow:
        0 6px 3px -3px rgba(0, 0, 0, 0.8), /* base */
        30px 0 30px -15px rgba(232, 65, 218, 0.8), /* derecha */
        -30px 0 30px -15px rgba(64, 100, 245, 0.8), /* izquierda */
        0 -30px 30px -15px rgba(116, 237, 94, 0.8); /* arriba */
}

.circle {
    width: 200px;
    height: 200px;
    margin: 4em auto 0;
    background: rgb(228, 85, 85);
    border-radius: 50%;

    box-shadow:
        10px 10px 16px rgba(255, 255, 255, 0.4) inset,
        -10px -10px 16px rgba(0, 0, 0, 0.8) inset;
}