如何在 Firefox 中镜像文本?
如何镜像文本,就像 iTunes 中的 Firefox? 是否有 JavaScript 可以做到这一点,或者是否可以使用 CSS? 我正在寻找一个真正的镜像,然后我可以操纵而不是向后的文本。
How do I mirror text just like iTunes in Firefox? Is there JavaScript that can do this or is it possible with CSS? I'm looking for a true mirror image that I can then manipulate not backwards text.
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(5)
有一个 jQuery 插件可以创建这种效果: FontEffect
编辑: 原始链接不再起作用,但这似乎是同一个插件(未经测试...):https://code.google.com/p/clapee-shuffle/source/browse/trunk/Test1/ js/jquery-fonteffect-1.0.0.js?r=4
There's a jQuery plugin that can create that effect: FontEffect
Edit: The original links does not work any more but this seems to be the same plugin (untested...): https://code.google.com/p/clapee-shuffle/source/browse/trunk/Test1/js/jquery-fonteffect-1.0.0.js?r=4
Christian Effenberger 的 Reflex 库为图像提供了很好的可降解反射效果,但不适用于文本。 根据您想要反映的区域的高度,您可以使用旧技术创建多个单像素高的 div,并使用负顶部偏移和原始文本的副本。 笨拙,但有效。
Christian Effenberger's Reflex library provides a nice degradable reflection effect for images, but not for text. Depending on the height of the area you wish to reflect you can use the old technique of creating multiple single-pixel-tall divs with with negative top offsets and copies of the original text. Clunky, but effective.
CSS 转换或 HTML5 Canvas 可能是您无需接触 Java/Flash 的最佳选择:
http://webkit.org/blog/130/css-transforms/
CSS transforms or HTML5 Canvas are probably your best bet without getting into Java/Flash:
http://webkit.org/blog/130/css-transforms/
有 JavaScript 代码可以做到这一点。 您可能可以查看 Flip Text 等网站上的代码。
正如查理所说,这基本上是一种转换——一个角色与另一个看起来颠倒的角色相匹配。
There's JavaScript code to do it. You could probably look at the code on a site like Flip Text.
And like charlie said, it's basically a conversion - one character matched with another that looks upside down.
我也找到了一个 hacky 解决方案:
http://snipplr.com/view/4215/flip-your -带有字符集的文本/
I found a hacky solution too:
http://snipplr.com/view/4215/flip-your-text-with-charsets/