<style> .ma { margin: 20px auto; width: 600px; height: 600px; background: url('https://638183.freep.cn/638183/Pic/38/st6.jpg') no-repeat 0/cover; overflow: hidden; position: relative; } .ma::before { position: absolute; content: ''; inset: 0; background: inherit; mask: url('https://638183.freep.cn/638183/web/svg/p1.svg') no-repeat center/50% 50%; -webkit-mask: url('https://638183.freep.cn/638183/web/svg/p1.svg') no-repeat center/50% 50%; animation: rot 3s linear infinite; } @keyframes rot { to { transform: rotate(360deg); } } </style> <div class="ma"></div>