CSS3 -- 3D 旋转 ---- 显示和隐藏元素

<ion-header-bar align-title="center " class="title-bgc" style="background-image: url('img/title.jpg');  ">
    <button class="button button-icon communal-button" ng-click="$ionicGoBack()"><img src="img/icon-back.png">返回
    </button>
    <div class="h1 title communal-title">缴费详情</div>
    <p class="communal-city">{
  {addressCity}}</p>
</ion-header-bar>

<ion-view>
    <ion-content has-bouncing="true" scroll="false" class="communal-content">
        <div class="payment-details">
            <img ng-src="{
    {paymentList.imgURL}}">
            <span>{
  {paymentList.name}}</span>
        </div>
        <div>
            <hr style="width: 91%;opacity: 0.2;margin-top: 10px;margin-left: 7px;">
            <ul style=" padding: 7px 10px 18px; font-size: 12px