夜空中最亮的星怎么没出现

马黑黑 · 发表于 2021-12-31 21:08

您需要登录才可以下载或查看，没有账号？立即注册

x

圆

蛋

快

乐

马黑黑 · 发表于 2021-12-31 21:09

代码分享：

<style type="text/css">
.fSet {
color:#eee;
font-family:'微软雅黑','宋体','新宋体';
font-size:40px;
font-weight:bold;
line-height:100px;
text-align:center;
border-radius:50%;
text-shadow:1px 1px #000,1px 1px #111,1px 1px #222,1px 1px #333,1px 1px #444,1px 1px #555;
position:absolute;
left:0px;
top:0px;
}
.iMov {
width:100px;
height:100px;
background:red;
animation:iGo linear 10s infinite;
}
.hMov {
width:100px;
height:100px;
background:darkred;
animation:iGo linear 12s infinite;
}
.yMov {
width:100px;
height:100px;
background:green;
animation:yGo linear 10s infinite;
}
.sMov {
width:100px;
height:100px;
background:coral;
animation:yGo linear 15s infinite;
}
@keyframes iGo { /* 顺时针路线 */
0%,100% { transform:translate(calc(50vw - 120px),0px); }
25% { transform:translate(calc(100vw - 120px),calc(50vh - 100px)); }
50% { transform:translate(calc(50vw - 120px),calc(100vh - 120px)); }
75% { transform:translate(0px,calc(50vh - 120px)); }
}
@keyframes yGo { /* 逆时针路线 */
0%,100% { left:calc(50vw - 120px); top:0px; }
25% { left:0px; top:calc(50vh - 120px); }
50% { left:calc(50vw - 120px); top:calc(100vh - 120px); }
75% { left:calc(100vw - 120px); top:calc(50vh - 120px); }
}
</style>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=1877043016&auto=1&height=66"></iframe>
<div class="fSet yMov">圆</div>
<div class="fSet sMov">蛋</div>
<div class="fSet iMov">快</div>
<div class="fSet hMov">乐</div>