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;
         }