.container {
    perspective: 600px;
}
.box {
    width: 150px;
    height: 150px;
    margin: 50px;
    background-color: #4CAF50;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    transition: transform 0.6s ease, background-color 0.6s ease;
    transform-style: preserve-3d;
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.box:hover {
    background-color: #FF5722;
    transform: rotate(45deg) scale(1.2);
    clip-path: ellipse(60% 40% at 50% 50%);
}