animation图片放大缩小动画

html

<img src={picsUranusHalo} className={styles.scale_img7}/>

css

.scale_img7{
	 width: 44px;
     height: 44px;
       margin-top: 8px;
       margin-left: 8px;
       display: block;
       position: absolute;
       animation: scale 1.5s linear infinite;
   }

@keyframes scale{
	0%{  // 动画开始样式
		transform: scaleZ(1);
	}
	50%{ // 动画中间样式，可自定义中间样式，修改百分比即可
		transform: scale(1.2);
	}
	100%{ //动画结束样式
		transform: scale(1);
	}
}

思路：定位环形图片到火星图片上层，然后写环形动态效果
图片效果，环形放大缩小