/* 3d_transform_demo.css */

#platform {
    width: 200px;
    height: 350px;
    background-color: rgba(96, 96, 96, 0.95);

    transform: translateX(100px) rotateX(55deg) rotateZ(45deg);

    border-radius: 16px;

    box-shadow:
        1px 2px 10px rgba(204, 204, 204, 0.95),
        24px 24px 24px rgba(204, 204, 204, 0.75),
        44px 44px 24px rgba(204, 204, 204, 0.25);

    transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
}

#platform:hover {
    transform: translateX(100px) translateY(-24px) rotateX(55deg) rotateZ(45deg);

    box-shadow:
        1px 2px 10px rgba(204, 204, 204, 0.95),
        70px 70px 24px rgba(204, 204, 204, 0.15);
}