动态彩虹渐变字效，靓仔，速速拿去装逼！-玩转网

火币

火币是全球三大交易所之一，虚拟货币交易平台安全可靠，注册领取新人礼包！

添加css:

.wzw_chwz{background-image:-webkit-linear-gradient(30deg,#32c5ff 25%,#b620e0 50%,#f7b500 75%,#20e050 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;-webkit-background-size:200% 100%;-webkit-animation:maskedAnimation 4s infinite linear;font-size:16px}@keyframes maskedAnimation{0%{background-position:0 0}100%{background-position:-100% 0}}

效果预览：

玩转网 – 爱生活-关注互联网和IT的原创基地www.902d.com

为了方便使用我们把它加入后台按钮

找到主题functions.php加入下面代码：

/*文本编辑器添加彩虹文字按钮*/
 add_action('after_wp_tiny_mce', 'bolo_after_wp_tiny_mce');
 function bolo_after_wp_tiny_mce($mce_settings) {
 ?>
 <script type="text/javascript"> 
 QTags.addButton( 'z_chwz', '彩虹文字', '<div class="wzw_chwz">彩虹文字</div>', "" ); 
 function bolo_QTnextpage_arg1() {
 }
 </script>
 <?php
 }

添加完成在文本编辑器中

图片[1]-动态彩虹渐变字效，靓仔，速速拿去装逼！-玩转网 | 902D.Com