企业平台化转型_淮北论坛怎么改名字_江门网红餐厅推荐_在线crm建网站
}.map {position: relative;height: 10.125rem;.map1 {width: 6.475rem;height: 6.475rem;position: absolute;background: url("../images/map.png");background-size: 100% 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);// 透明度opacity: 0.2;}// 后定义的图形默认盖在先定义的图形上面.map2 {width: 8.0375rem;height: 8.0375rem;position: absolute;background: url("../images/lbx.png");background-size: 100% 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);// 调用动画:名称、执行周期15s、全程匀速、无限次播放animation: rotate 15s linear infinite;opacity: 0.4;}.map3 {width: 7.075rem;height: 7.075rem;position: absolute;background: url("../images/jt.png");background-size: 100% 100%;top: 50%;left: 50%;transform: translate(-50%, -50%);// 区别:执行周期10s、新加了一个反向播放animation: rotate 10s linear infinite reverse;opacity: 0.6;}.chart {width: 100%;height: 10.125rem;position: absolute;top: 0;left: 0;}@keyframes rotate {from {// rotate可以使指定元素旋转一个角度,1deg即1度transform: translate(-50%, -50%) rotate(0deg);}to {transform: translate(-50%, -50%) rotate(360deg);}}">