Wix Studio Tips and Tricks

.

threedcard {

transform: rotateX(51deg) rotateZ(-43deg);

transform-style: preserve-3d;

border-radius: 32px;

backface-visibility: hidden;

box-shadow:

0px 10px 20px 0 rgba(0, 0, 0, 0.15); /* Adjusted shadow for a direct perpendicular effect */

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

}

.threedcard:hover {

transform: translate3d(0px, -16px, 0px) rotateX(51deg) rotateZ(-43deg);

box-shadow:

-20px 30px 28px -10px rgba(34, 33, 81, 0.15); /* Adjusted shadow for hover state */

}