预览图

2023-04-14T11:27:11.png

html

<div id="yu">             
<img src="favicon.ico" class="ico">             
<span class="cn"> 维洛书签-羽.cn</span>             
</div>

css

.ico {
    border-radius: 50%;
    width: 40px;
    vertical-align: middle;
    margin-bottom: 8px;
}

#yu {
    text-align: center;
    font-size: 20px;
}

.cn {
    background: linear-gradient(90deg, #03a9f4, #f441a5, #ff9c05, #03a9f4, #03a9f4, #f441a5, #ff9c05, #03a9f4);
    font-size: 20px;
    background-size: 200%;
    animation: ColdLight 8s linear infinite;
    color: transparent !important;
    -webkit-background-clip: text;
    font-weight: bold;
    text-shadow: 0px 0px 15px rgb(255 245 255 / 30%) !important;
}

添加css属性:vertical-align: middle;