主页 / 问题 / 580053
Accepted
Bim Bam
Asked:2020-10-19 17:54:28 +0000 UTC2020-10-19 17:54:28 +0000 UTC

在圆弧上书写文字

  • 772

有一种布局，周围的文字就像写在一个圆圈上一样，从圆圈上看，文字不仅是笔直的，而且还有一个内角。如何用 html 和 css 做到这一点？到目前为止，唯一想到的就是将每个字母单独定位，但这种方法似乎并不实用......在此处输入图像描述

html

1 个回答

  1. Best Answer

    CSS 还没有用于沿曲线转换文本的内置选项。但是有一个 jQuery Lettering插件可以将文本拆分为字母。拆分后，你可以逐个字母地应用css转换：

    .char1 { transform: rotate(6deg); }
.char2 { transform: rotate(12deg); }
.char3 { transform: rotate(18deg); }

    单词中所有字母的旋转中心必须相同，并且必须向下移动以使文本“弧形”。怎么做，举个例子——这里有详细的描述。

    • 2

相关问题