私は自分に次のCSSを持っています
h2 {
font-family: Arial, Verdana, sans-serif;
color: #fff;
text-shadow: 0 6px 0 #E5E5E5
}
問題は、これは一部のフォント サイズでのみ見栄えがよく、他のフォント サイズでは非常に見栄えが悪いことです。フォントが非常に大きい場合、影はほとんど目立ちません。フォントが小さすぎる場合、影によってテキストが読めなくなります。私の Web ページでは、この特定の要素のフォントのサイズが動的に変化します。最小で 10 ピクセル、最大で 200 ピクセルです。
なんらかの理由で % で影の位置を設定しても機能しません。font-size 属性の % を使用することをお勧めします。
そこで、CSS のみを使用してサイズを変更するフォントで text-shadow を機能させる方法があるかどうかをここで尋ねています。JavaScript を使用しないソリューションを期待しています。