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

            border-radius: 50%;   
            top: 50%;   
            left: 50%;   
            bottombottom: 50%;   
            rightright: 50%;   
            width: 6rem;   
            height: 6rem;   
            z-index: 0;   
            pointer-events: none;   
            -webkit-transform: translate(-50%, -50%);   
            -ms-transform: translate(-50%, -50%);   
            transform: translate(-50%, -50%);   
            -webkit-transition-delay: 2s;   
            transition-delay: 2s;   
            -webkit-transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);   
            transition: all 400ms cubic-bezier(0.165, 0.84, 0.44, 1);   
        }   
        .opened .papersheet__trigger:before   
        {   
            width: 3000px;   
            height: 3000px;   
            -webkit-transition: all 2.5s cubic-bezier(0.165, 0.84, 0.44, 1);   
            transition: all 2.5s cubic-bezier(0.165, 0.84, 0.44, 1);   
        }   
        .papersheet__trigger-icon  
        {   
            fill: #37474f;