文字を立体的にしたテンプレート

「text-shadow」で文字を立体的にしています

CSSで文字にテキストエフェクトをかけたタイトル

「transform」プロパティに「perspective」「rotateX」「rotateZ」を指定し垂直方向にエフェクトを掛けました

CSSで文字に3Dエフェクトをかけて落書きのようにする

「transform」プロパティに「perspective」「rotateY」「rotateZ」を指定。 「 mix-blend-mode: overlay」で落書きのようにしました。

文字に3DエフェクトをかけたCSSタイトル

「transform」プロパティに「perspective」「rotateY」を指定し画面に文字を表示しています

文字に3DエフェクトをかけたCSSタイトル

「transform」プロパティに「perspective」「rotateX」を指定し「STAR WARS」のオープニング風に3D表示しています