javascript - 方法：css3の3D円形サーフェス上でテキストを移動させますか？

Question

テキストを3D円形サーフェスで移動させたい。しかし、私はそれを行う方法がわかりません。ロット検索を試しましたが、何も見つかりませんでした。css3の専門家ではありません。

この写真のように

フォントごとに追加のマークアップを用意できます。ホバーすると、フォントを動かして前に表示したいですか？

新しいcss3でどのように可能ですか？

Answer 1

わかりました、その画像リンクを使用して紹介したいものを正確に見ることができないようです. 履歴を確認したところ、あなたが 3 つのアルファベットの画像を投稿していることがわかりました。ファンキーなアニメーションに JS を使用する必要がなくなったため、CSS3 は素晴らしいものになりました。これは、ライブラリの既存の関数からさまざまな js 機能を使用して行うことができます。または、CSS で Zoom 関数を確認することもできます。

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 または hover 機能を使用しました。例