<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding:0; margin:0; } #hd{ width:700px; height:700px; background: url("zhong2.jpg") no-repeat; -webkit-background-size: 100% 100%; background-size: 100% 100%; /*設定模糊背景*/ box-shadow: 10px 10px 10px rgba(0,0,0,0.4); /*box-shadow: 10px 10px 10px black;*/ position: relative; margin:0 auto; border-radius: 50%; } #hd img{ width:35px; position: absolute; left:335px; top:113px; animation: run 60s linear infinite; /*設定旋轉基準點*/ transform-origin: 50% 67%; } @keyframes run { from{ transform: rotate(0deg); } to{ transform: rotate(360deg); } } </style> </head> <body> <div id="hd"> <img src="zhizhen3.jpg" alt=""> </div> </body> </html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
