backface-visibility当元素不面向屏幕时是否可见

html代码

<h1>div1可见</h1>
<div class="div1">div---1</div>
<h1>div2不可见</h1>
<div class="div2">div---2</div>

backface-visibility:定义当元素不面向屏幕时是否可见。visible:可见；hidden: 不可见，浏览器支持：IE10开始支持。
CSS代码：

body{
            font-size:62.5%;
            line-height: 1.4rem;
        }
        .div1,.div2{
            font-size:1.2rem;
            width:20rem;
            height:20rem;
            background-color:green;
            color:#fff;
            -webkit-transform: rotateY(180deg);
            -moz-transform:  rotateY(180deg);
            -o-transform: rotateY(180deg);
            -ms-transform: rotateY(180deg);
            transform: rotateY(180deg);
        }
        .div1{
            -webkit-backface-visibility: visible;
            -moz-backface-visibility: visible;
            backface-visibility: visible;
        }
        .div2{
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
        }