如何使文本向后倾斜?

2024-01-03

我想将文本设置为斜体向后或向左以与当前文本相反的方式。这可以用 HTML/CSS 甚至 Javascript/jQuery 来实现吗?


我更新了 jos 的演示,使用 jQuery 将每个字母包装在一个跨度中,然后使用以下示例转换每个字母Mozilla 的转变 https://developer.mozilla.org/en-US/docs/CSS/transform#Live_examples文档和一个demo http://jsfiddle.net/Mottie/dRQaw/511/:

HTML

<div id="skewed">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eu metus nisi.
  Integer non adipiscing massa. Etiam et diam magna. Mauris sit amet arcu dui, a
  malesuada erat.
</div>

jQuery

// html function requires jQuery 1.4+
$('#skewed').html(function (i, h) {
    h = h.replace(/\s+/g, '\u00a0').split('');
    return '<span>' + h.join('</span><span>') + '</span>';
});

CSS

#skewed {
    font: 24px Georgia, sans-serif;
    background: #ccc;
    padding: 10px 20px;
}
#skewed span {
    display: inline-block;
    /* see https://developer.mozilla.org/en-US/docs/CSS/transform */
    -webkit-transform:  skewx(20deg);
          -o-transform: skewx(20deg);
             transform: skewx(20deg);
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使文本向后倾斜? 的相关文章

随机推荐

  • 我们可以在 NodeJ 中使用多个 cpu 核心和工作线程来实现并行处理吗?

    我知道 cluster 和 child process 可以使用CPU的多个核心 这样我们就可以实现真正的并行处理 我还知道异步事件循环是单线程的 所以我们只能实现并发 我的问题是关于worker threads 假设我的电脑有 4 核 C
  • Guice Servlet 的简单示例

    我不知道如何继续一个简单的示例 阅读文档后 我完成了以下操作 设置 guiceFilter 创建了一个注入器并实例化了一个新的 ServletModuleGuiceServletContextListener并将监听器添加到 web xml
  • Python - 按四分之一间隔舍入

    我遇到了以下问题 给出各种数字 例如 10 38 11 12 5 24 9 76 是否存在一个已经存在的 内置 函数来将它们四舍五入到最接近的 0 25 步长 例如 10 38 gt 10 50 11 12 gt 11 00 5 24 gt
  • 安排 Rails 任务在特定时间运行

    我目前正在创建一个 Rails 应用程序 并想了解如何安排某些任务在特定时间运行 例如管理员希望在早上 8 00 向用户发送电子邮件 并且不想为了发送该电子邮件而早起 因此 他 她希望安排在那时发送电子邮件的任务 那么 有没有一种方法 或者
  • 如何将kinesis视频流存储到S3存储桶中?

    我正在通过 kinesis video Streaming 将实时视频流发送到亚马逊控制台 现在我想将其存储到亚马逊 S3 中 如何存储到S3请详细说明 谢谢 Amazon Kinesis Video 不会 开箱即用 地将视频存储在 S3
  • 如何使用 gsap 为camera.lookAt制作动画?

    camera lookAt myObject 将立即将 Three js 相机旋转到给定的对象 我想使用 gsap 来制作这个旋转的动画 我使用 gsap 来动画相机位置的变化没有问题 但下面的相机旋转代码没有任何作用 const targ
  • ASP.NET 中 mysql 的 Membership.Provider 问题

    使用 MVC4 同步到 mysql 服务器 通过更改 machine config 是否成功并成功使用 ASP net 配置工具创建用户 但是 当我使用使用该工具创建的用户名 并且位于数据库中 登录时 我收到此错误 System Inval
  • 读取应用程序文件夹外的单独 web.config 文件

    我需要阅读web config文件 位于应用程序文件夹之外 位于任何其他目录中 我尝试了这段代码 string filePath C Users Idrees Downloads New folder Web config Configur
  • jQuery 性能、.css 或 addClass

    我有一个很大的 jQuery 代码 我正在考虑我的函数的速度性能 单击某个元素 鼠标按下 时 我需要指定图像作为背景 我可以通过两种方式做到这一点 element li class css background someimageURL o
  • 从自定义分布生成随机数

    我正在尝试从自定义分布生成随机数 我已经发现了这个问题 从 任意 连续概率分布进行模拟 https stackoverflow com questions 23570952 simulate from an arbitrary contin
  • 根据 Redux 状态更改组件的布局

    我正在用 React 开发一个课程安排应用程序 我用它作为学习 redux 的机会 我当前正在设计一个浏览菜单 作为浏览组件实现 它在加载时显示大学中的学校列表 当用户单击其中一所学校时 它会显示该学校内的科目列表 但是 我希望学校显示为网
  • 旋转时自动调整 UITableView 标题大小(主要在 iPad 上)

    我觉得这将是一个围绕 AutoResizingMasks 的简单答案 但我似乎无法理解这个主题 我有一个 iPad 应用程序 可以并排显示 2 个 UITableView 当我从纵向旋转到横向并返回时 UITableView 中的单元格会在
  • 如何在 IntelliJ IDEA 下运行所有​​ Specs2 测试?

    在我的 Scala 项目中 我的 Specs2 测试的结构如下 src test scala gt my package gt my package sub1 gt SomeTest1 gt SomeTest2 gt my package
  • .NET Core - C# - MacOS | .NET Core钥匙串API

    尝试使用 C 在 MacOS 上的 Keychain 中设置 获取一些密码 设法添加 Xamarin iOS 程序集 但似乎无法进一步 这就是我所拥有的 using System using Security using Foundatio
  • Sql Server 中的 DROP CASCADE

    我正在使用 Sql Server 和 pyodbc 的 Django 项目中运行向南迁移 这是向后迁移 因此南方正在尝试删除我的一些表 South 执行以下方法来删除表 def delete table self table name ca
  • Spring服务通过环境属性实现

    我有一个服务接口 interface ImageSearchService methods 我有两个实现 Service class GoogleImageSearchImpl implements ImageSearchService m
  • clang-format 破坏了 lint 注释

    我们在 C C 代码库中使用 lint 我也尝试开始在我的工作流程中集成 clang format 不幸的是 lint 有时需要注释来忽略特定检查 无论是以下格式 lint annotation or lint annotation 具体来
  • 使用已删除函数错误

    我遇到了问题 usr include c 4 6 ext new allocator h 108 9 error use of deleted function SMIBQueue SMIBQueue const SMIBQueue 使用
  • 如何使用符号访问 Sinatra 参数?

    在 Sinatra 中 我使用 params 来获取通过 URL 查询字符串传递的键 值 我注意到我可以使用字符串或符号作为获取值的键 所以如果网址是 http localhost 4567 x a 1 b 2 Then params a
  • 如何使文本向后倾斜?

    我想将文本设置为斜体向后或向左以与当前文本相反的方式 这可以用 HTML CSS 甚至 Javascript jQuery 来实现吗 我更新了 jos 的演示 使用 jQuery 将每个字母包装在一个跨度中 然后使用以下示例转换每个字母Mo