Задняя сторона видимости не скрывает заднюю сторону iframe
Я создал флип-бокс с элементом iframe с обеих сторон, при перевороте iframe на лицевой стороне будет перекрывать iframe на задней стороне, применять backface-visibility: hidden не скрывает его заднюю поверхность, хотя должно быть * * 1006
Кодовая ссылка
<div class="flip3D">
<div class="front">
<iframe id ="frame" width="auto" height="auto" src="https://www.youtube.com/embed/wZZ7oFKsKzY?enablejsapi=1" frameborder="0">
</iframe>
</div>
<div class="end">
<iframe width="80%" height="80%" src="https://www.youtube.com/embed/tgbNymZ7vqY" frameborder="0"></iframe>
</div>
</div>
Я могу исправить это, сделав видимость передней панели iframe скрытой при наведении курсора. Но
Вопрос : Почему backface-visibility не работает на iframe?