如何实现WordPress文字渐变特效

如何实现WordPress文字渐变特效插图

这个教程可以帮助很多站长写文章时,重要词语/文本进行特殊标记,用红色或其他色彩有点单一,教程开始:

将以下代码添加到你的自定义html。

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/wenzi.css">
<div class="wpon">紧急通知</div>

注: 自定义html属于 古腾堡的一个区块,如果不使用古腾堡,使用经典编辑器直接在代码添加即可。

红色渐变

代码:

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/redwz.css">
<div class="wpon">我的颜色是红色</div>

蓝色渐变

代码:

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/bluewz.css">
<div class="wpon">我的颜色是蓝色</div>

黄色渐变

代码:

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/yellowwz.css">
<div class="wpon">我的颜色是黄色</div>

绿色渐变

代码:

<link rel="stylesheet" type="text/css" href="https://cdn.wpon.cn/cssjc/greenwz.css">
<div class="wpon">我的颜色是绿色</div>

教程结束,如有不懂联系站长

本站发布的内容若侵犯到您的权益,请联系站长删除,我们将及时处理。
优模板 » 如何实现WordPress文字渐变特效

发表评论

优选WordPress主题

开通VIP 关于我们