4.使用动画完成大屏图布局

这是一个动态的

在地图盒子中添加几个图片，都在地图盒子中局居中显示，使用定位的方式

居中显示之后，设置动画效果即可

首先需要定义动画

    
    // 定义map动画  
    @keyframes map1{
        form{
            transform: translate(-50%,-50%) rotate(0deg);
        }
        to{
            transform: translate(-50%,-50%) rotate(360deg);
        }
    }

在使用动画

传入对应的参数