文件名称:csswarp.js:围绕任意路径“弯曲” HTML文本
文件大小:35KB
文件格式:ZIP
更新时间:2024-05-27 20:34:57
JavaScript
csswarp.js:围绕任意路径“变形” HTML文本。 csswarp.js是一个小型(<8kb压缩后的最小压缩文件)JavaScript库,用于使任意路径周围的所有HTML文本变形。 文本看起来就像是用Illustrator的“附加到路径”工具创建的一样。 无论如何,纯HTML文本都可以使用CSS设置样式,进行复制和抓取。 csswarp是独立运行的,并且不依赖jQuery或其他库(尽管jQuery插件正在开发中)。 csswarp.js提供了大量设置来调整文本变形。 现在,它可以在支持css3转换的每种现代浏览器中使用。 计划在将来的版本中支持IE 9以下版本。 它是如何工作的? 该脚本解析DOM以获取应变形的节点。 然后,它将使用CSS3转换文字转换每个字母,从而按照虚构的路径产生文字错觉。 如何使用csswarp.js: 将对脚本的引用放在HTML文档的开头或结尾。 创建
【文件预览】:
csswarp.js-master
----demos()
--------circle.html(9KB)
--------bezier.html(5KB)
--------sign.html(6KB)
--------samsa.html(7KB)
--------js()
--------css()
--------rtl.html(8KB)
----src()
--------csswarp.0.7.js(21KB)
----README.md(10KB)
----minified()
--------csswarp.0.7.min.js(8KB)
----.gitignore(9B)