仿360开机

仿360开机效果

1.布局

2.布局页面位置

    .box{
        width:322px;
        position: fixed;
        bottom: 0;
        right: 0;
    }
    span{
        position: absolute;
        top:0;
        right: 0;
        width: 30px;
        height: 20px;
        cursor: pointer;
    }
    

3.在上一篇中，我们封装了缓动动画，这里我们不再重写一遍缓动框架啦。有需要的回到上一篇缓动框架复制代码 缓动框架

运行效果

Untitled3.gif