javascript - 如何：使文本在 css3 中的 3d 圆形表面上移动？

Question

我想让文本在 3d 圆形表面中移动。但我不知道该怎么做。我尝试了很多搜索，但一无所获，而且我不是 css3 专家。

就像这张照片

我可以为每种字体提供额外的标记，悬停时我想让它移动并排在前面？

在我们的新 css3 中怎么可能？

Answer 1

好的，我似乎无法使用该图片链接确切地看到您想要展示的内容。我查看了历史记录，发现您发布了三个字母的图像。现在 CSS3 很棒，因为你不再需要使用 JS 来制作时髦的动画，你可以使用库中现有函数中的各种 js 功能。或者您可以查看 CSS 中的缩放功能。

HTML

将鼠标悬停在链接上以查看它们更改布局。

<div style="display:inline-block">
<p><a class="ex1" href="default.asp">M</a></p>
<p><a class="ex2" href="default.asp">M</a></p>
<p><a class="ex3" href="default.asp">M</a></p>
</div>

CSS

a.ex1:hover,a.ex1:active {zoom:150%;}
a.ex2:hover,a.ex2:active {zoom:150%;}
a.ex3:hover,a.ex3:active {zoom:150%;}

对于悬停，只需使用 onmouseover 或悬停功能即可。例子