效果
代码
<div class="top">
<div class="top-text" text="总经理驾驶舱">总经理驾驶舱</div>
</div>
<style lang="scss" scoped>
.top{
width: 100%;
text-align: center;
height: 80px;
line-height: 80px;
font-size:40px;
font-weight: bold;
color: white;
font-family: 'microsoftyahei';
.top-text{
background: linear-gradient(to bottom, #6fb0ff, #e3eeff, #ffff, #ffff);
-webkit-background-clip: text;
color: transparent;
}
</style>
👇觉得有帮助的朋友可以支持下作者哦,您的鼓励是我创作的最大动力,如有开发问题可联系作者