如何在 Firefox 中镜像文本?

发布于 2024-07-29 04:27:15 字数 440 浏览 7 评论 0原文

如何镜像文本,就像 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

铁憨憨 2024-08-05 04:27:15

有一个 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

无远思近则忧 2024-08-05 04:27:15

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.

挽清梦 2024-08-05 04:27:15

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/

千仐 2024-08-05 04:27:15

有 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文