2D & 3D^* transform on an element

translateX( 0px )

translateY( 0px )

translateZ( 0px )^*

rotateX( 0deg )

rotateY( 0deg )

rotateZ( 0deg )^*

scaleX( 1 )

scaleY( 1 )

scaleZ( 1 )^*

skew( 0deg 0deg )

transform-origin: 50% 50%

backface-visibility: visible

perspective( 0px )^*

.scene span span {
    ...
    border: 1px solid #675618;
    background-color: rgba(248, 204, 52, 0.5);
    
    
    
}

1 2 3 4 5 6 7 8 9

2D & 3D* transform on an element