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

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