[浩瀚银河]网页添加线性渐变进度条


<style>
    body {
    position: relative;
    /*padding: 50px;*/
    font-size: 15px;
    line-height: 30px;
    background-image: linear-gradient(to right top, #ffcc00 50%, #eee 50%);
    background-size: 100% calc(100% - 100vh + 5px);
    background-repeat: no-repeat;
    z-index: 1;
}

body::after {
    content: "";
    position: fixed;
    top: 5px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: -1;
}


/**
 * Unrelated css
 */

h1 {
    font-size: 32px;
    line-height: 60px;
}

ul {
    margin-top: 30px;
}

p {
    font-size: 15px;
    line-height: 30px;
    margin-top: 30px;
}
</style>

修改到TYPECHO博客主题里时,需要写入到主题header.php文件里。

其他随意 具体可以通过F11控制台 查看自己的script在哪里文件

声明:浩瀚银河Typecho Powered-By-Lin.孟|版权所有,违者必究|如未注明,均为原创|本网站采用BY-NC-SA 4.0协议进行授权

转载:转载请注明原文链接 - [浩瀚银河]网页添加线性渐变进度条


因为数据备份问题,接下来typecho平台就做给大家的留念地方了。hexo重新开始!https://hexo.haohanyh.com