"Card" вращение и выбор текста

Question

Быстрый просмотр кода перед вопросом:

HTML

<div class="container> 
    <div class="card"> 
    <div class="front"></div> 
    <div class="back"></div> 
    </div> 
</div> 

CSS

.container { 
    transform-style: preserve-3d; 
    transform-origin: right center; 
    transition: transform 1s ease-in-out; 
} 

.card { 
    position: absolute; 
    width: 100%; 
    height: 100%; 
    backface-visibility: hidden; 
    transform-origin: right center; 
} 

.card .back { 
    transform: rotateY(180deg); 
} 

.card.flipped { 
    transform: rotateY(180deg) translateX(-100%); 
} 

И это в принципе дает что-то вроде that , Моя проблема в том, что я не могу выбрать текст на обратной стороне карты (в Chrome и Safari, это не проблема с FF). По факту, если я «проверю элемент», щелкнув правой кнопкой мыши по спине, он попадет в контейнер, без проблем с передним. Их нет такой проблемы с примером, который я связал, что странно. Как это когда-либо было? Спасибо!

Answer 1

Хорошо, мое плохое. Я подавал backface-visibility: hidden; на карточку. Я просто удалил его, и он работает.