一款基于css3和jquery实现的动画显示弹出层按钮教程

            vertical-align: bottombottom;   
            -webkit-transform: rotate(45deg);   
            -ms-transform: rotate(45deg);   
            transform: rotate(45deg);   
            -webkit-transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);   
            transition: all 800ms cubic-bezier(0.19, 1, 0.22, 1);   
            -webkit-transition-delay: 50ms;   
            transition-delay: 50ms;   
            width: 1.8rem;   
            height: 1.8rem;   
        }   
        .opened .papersheet__trigger-icon  
        {   
            -webkit-transform: rotate(-360deg);   
            -ms-transform: rotate(-360deg);   
            transform: rotate(-360deg);   
        }   
        .papersheet__face-item   
        {   
            border-radius: 50%;   
            margin: 0 1.5rem;   
            z-index: 1;   
            height: 6rem;   
            width: 6rem;   
            display: none;   
            overflow: hidden;   
        }   
        .papersheet__face-item:nth-child(2)