【HTML/CSS】テキストの装飾で２重の境界線と影を実現したい。

Question

PhotpShopでスタイルした下記の画像のようなテキストの装飾をcssで実現したいです。

「stroke」と「text-shadow」を使えば境界線はできるのですが、今度は影がつけられなくなってしまいます。
なにか方法はありませんでしょうか。

また、Photoshopの機能で、該当テキストの「CSSをコピー」をしても境界線だけは反映されないCSSが取得されたため、うまくいきませんでした。

よろしくお願いいたします。

Answer 1

何をどう試したかはわかりませんが、text-shadow は複数使えます。

【複数の影 | text-shadow - CSS: カスケーディングスタイルシート | MDN】
https://developer.mozilla.org/ja/docs/Web/CSS/text-shadow#Multiple_shadows

Comments

[退会済みユーザー]

kei344 様

ご回答ありがとうございます。
text-shadowが複数使えるとは知りませんでした。
これで解決できそうです。本当にありがとうございます！