文字を変形して斜めから見た様にしたい

Question

現在、勉強をかねてhtmlを作成しているのですが、
文字を以下の様な表示をcssやjsを使って実現可能なのかがわからず困っています。

この様に文字を尻すぼみ?で斜めから見た様な表示にしたいのですが
１文字ずつspanで区切ってサイズを変更してみましたが滑らかな感じにならず
段々になってしまいます。

画像の様に滑らかに実現する方法がありましたら教えていただくことはできますでしょうか。
よろしくお願い致します。

Answer 1

こんな感じでしょうか。
translateXは単なる位置調整です。

<span class="perspective">文字や画像を斜めに見たようにしてみる</span>

.perspective {
  display: inline-block;
  font-size: 40px;
  transform: perspective(150px) rotateY(24deg) translateX(30%);
}

Comments

[match12]

ありがとうございます！
実現することができました。