Как получить высоту элемента после преобразования атрибутом Transform: RotateY (α)? ⇐ CSS

[Anonymous]

Предположим, что существует такой стиль:

Код: Выделить всё

.main{
margin: 0;
padding: 0;
box-sizing: border-box;
display: flex;
position: relative;
height: 100vh;
perspective: 1000px;
}
.page-L{
position: relative;
height: 100%;
width: 30%;
transform-origin: left;
transform: rotateY(α);
}
.page-R{
position: relative;
margin: auto;
height: 100%;
width: 70%;
}

Если у вас есть какие-либо недопонимания по поводу моего вопроса, пожалуйста, взгляните на это!
Эти два элемента являются дочерними элементами элемента «main».< /p>
Как видите, вы можете ясно видеть, что элемент «page-L» подвергнется деформации, и это приведет к визуальному изменению его правой стороны.
Что мне следует сделать, чтобы получить измененное значение (высоту) через JavaScript и применить его к элементу 'страница-R'?

Подробнее здесь: https://stackoverflow.com/questions/792 ... -transform