html,body { width:100vw; height:100vh; margin:0; padding:0; } .__circle { display:flex; align-items:center; justify-content:center; position:absolute; right:30px; top:30px; width:50px; height:50px; font-size:12px; color:gray; border-radius:50%; border:2px solid rgba(0,0,0,0.2); transform:scale(1) rotateZ(-35deg); transition:all; animation:rollingover 0.6s ease-in; } @keyframes rollingover { 0% { opacity:0.1; transform:scale(1) rotateZ(-35deg) rotateY(0deg); } 50% { opacity:0.5; transform:scale(1.5) rotateZ(-35deg) rotateY(180deg); } 100% { opacity:1; transform:scale(1) rotateZ(-35deg) rotateY(0deg); } }.__circle::after { content:""; display:block; position:absolute; width:40px; height:40px; border-radius:50%; border:2px dotted rgba(0,0,0,0.2); } .__see { position:absolute; top:70vh; width:100vw; text-align:center; }
更新时间:2023-01-14 21:23:36
我是新手,随便写写(t_t)。