Javascript 旋转一个句子，使每个单词的倾斜度增加

我想将“与你的朋友分享”这句话与每个单词相对前一个单词的倾斜度增加。词语的倾向性如下

• 共享=0度
• 它=x度
• 带=2x度
• 你的温度=3度
• 朋友=4度

使用带有旋转的CSS，并给出

0

的原点。必须在块样式的元素上执行此操作

与您的朋友分享

.a、.b{display:inline block；}
.b{
-webkit变换：旋转（-10度）；
-webkit转换源：0；
-moz变换：旋转（-10度）；
-moz变换原点：0；
变换：旋转（-10度）；
变换原点：0；
}

在本例中，x=10

使用带有旋转的CSS，并给出

0

的原点。必须在块样式的元素上执行此操作

与您的朋友分享

.a、.b{display:inline block；}
.b{
-webkit变换：旋转（-10度）；
-webkit转换源：0；
-moz变换：旋转（-10度）；
-moz变换原点：0；
变换：旋转（-10度）；
变换原点：0；
}

在本例中，x=10

---

将每个单词放入嵌套的跨距中，使每个跨距位于前一个跨距内

然后使用CSS一次在所有跨距上设置旋转。这将导致每一个都比前一个旋转多一点

请注意，为了使旋转生效，需要将跨距设置为

display:inline block

，并且需要设置旋转原点，使它们看起来仍然作为一个句子一起运行

<div><span>share <span>it <span>with <span>your <span>friends</span></span></span></span></span></div>

---

将每个单词放入嵌套的跨距中，使每个跨距位于前一个跨距内

然后使用CSS一次在所有跨距上设置旋转。这将导致每一个都比前一个旋转多一点

请注意，为了使旋转生效，需要将跨距设置为

display:inline block

，并且需要设置旋转原点，使它们看起来仍然作为一个句子一起运行

<div><span>share <span>it <span>with <span>your <span>friends</span></span></span></span></span></div>

---

那么问题到底出在哪里呢？我们不知道，你被这些小信息困在哪里了。我试着把句子分成几个单词，把每个单词添加到单独的div中，然后css旋转每个div。这是唯一的方法吗？那么问题到底出在哪里呢？我们不知道你在哪里被这些小信息所困扰。我已经尝试过将句子拆分成单词，并将每个单词添加到单独的div中，css旋转每个div。这是唯一的方法吗？这在Google Chrome中不起作用，因为它需要

-webkit-

前缀。好像用一个

包装解决了我也遇到的那个奇怪的

问题。代码看起来确实比我的答案好得多+1编辑：事实上，我刚刚在我的中再次尝试了，现在它可以工作了，必须输入一些前缀版本：这在Google Chrome中不起作用，因为它需要

-webkit-

前缀。好像用一个

包装解决了我也遇到的那个奇怪的

问题。代码看起来确实比我的答案好得多+1编辑：事实上，我刚刚在我的中尝试了一次，现在它工作了，必须输入一些前缀版本：