几行代码美化(黑白图像、文字渐变、模糊文字)和丰富网站内容(每日一言、实时时间显示)，持续更新中

前言

本片文章所使用的插件(丰富网站)代码均已打包为API，可以使用API调用，同时也会提供源代码
所有的插件代码均在github开源，后续会提交到gitee上面

美化网站

黑白图像

引入下面的 CSS 代码能够把彩色图像转变成黑白风格

img.desaturate { 
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}

示例:

文字渐变

.text-gradient {
    background-image: linear-gradient(to right, orange, purple);
    -webkit-background-clip: text;
    color: transparent;
    font-size: 30px;
}

示例:

模糊文字

.container {
    filter: blur(1px);
}

示例:

丰富网站

每日一言

注:这里使用了夏柔的免费API(如有侵权，请联系删除)
特点:每隔30自动刷新
github传送门:点击传送
导入API

<script src="https://github.com/XueJourney/API/raw/main/每日一言/yiyan.js"></script>
<link rel="stylesheet" type="text/css" href="https://github.com/XueJourney/API/raw/main/每日一言/style.css">

显示每日一言:

<p id="daily-quote">每日一言：获取中...</p>

实时时间显示

github传送门:点击传送
导入API

<link rel="stylesheet" type="text/css" href="https://github.com/XueJourney/API/raw/main/实时信息/style.css">

显示每日一言:

<script src="https://github.com/XueJourney/API/raw/main/实时时间/nowtime.js"></script>