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

2020-05-09 06:59:32易采站长站整理

            height: 100%;   
            max-width: 50%;   
            min-width: 50rem;   
            max-height: 50%;   
            min-height: 20rem;   
            margin: 0 auto;   
            display: -webkit-flex;   
            display: -ms-flexbox;   
            display: flex;   
            -webkit-align-items: center;   
            -ms-flex-align: center;   
            align-items: center;   
            -webkit-justify-content: center;   
            -ms-flex-pack: center;   
            justify-content: center;   
        }   
        .papersheet.opened   
        {   
            -webkit-transition: all 900ms;   
            transition: all 900ms;   
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.5);   
        }   
        .papersheet__trigger   
        {   
            z-index: 1;   
            display: inline-block;   
            padding: 2rem;   
            border-radius: 50%;   
            position: absolute;