/* perspective as a function */

.scene {
       
}
       
.panel {
    transition: transform 2s;
}
    
.panel:hover {
    transform: perspective(600px) rotateY(45deg);
}
    

/* perspective defined in parent */

.scene {
    perspective: 600px;
}
       
.panel {
    transition: transform 2s;
}
       
.panel:hover {
    transform: rotateY(45deg);
}