文本/链接
js+CSS彩色扇形文字特效插件
PetitQ
这是一款 js 和 CSS 彩色扇形文字特效插件。该插件分为 CSS 和 js 两个版本，可以生成漂亮的彩色扇形字母效果。
使用方法
在页面中引入 cssans.min.css 和 cssans.min.js 文件。
也想出现在这里？联系我们吧
<link rel="stylesheet" href="bootstrap.min.css">
<script src="cssans.min.js"></script>
HTML 部分
直接通过下面的 CSS 类可以实现彩色扇形字母效果。
<div class="cssans cssans--center">
<div class="cssans__accessible">CSSans Pro</div>
<div class="cssans__word">
<b class="cssans:C"></b>
<b class="cssans:S"></b>
<b class="cssans:S"></b>
<b class="cssans:a"></b>
<b class="cssans:n"></b>
<b class="cssans:s"></b>
</div>
<div class="cssans__word">
<b class="cssans:P"></b>
<b class="cssans:r"></b>
<b class="cssans:o"></b>
</div>
</div>
JS 版本
需要在页面中引入 cssans.min.js 文件。
<div id="foo">CSSans Pro</div>
var element = document.getElementById('foo');
var text = element.innerText;
CSSans(element, text);
Github 网址：https://github.com/ZeroSpree/CSSans.Pro
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
