动态彩虹渐变字效,靓仔,速速拿去装逼!

添加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

© 版权声明

THE END

点赞92赞赏 分享