css - cssテキストシャドウ

Question

Webサイトで作業していて、テキストに影を付けたいのですが、cssだけを使用してこれを行う簡単な方法はありますか？その下にテキストの暗いクローンを配置しようとしましたが、サイズが異なると難しいでしょう。

Answer 1

これは、 CSS3 text-shadowプロパティを使用して実現できます。これを指定するための一般的な形式は次のとおりです。

text-shadow: *left-offset* *top-offset* *blur-distance* *color*;

使用例：

text-shadow: 2px 2px 1px #000000;

定義をコンマで区切ることにより、複数のシャドウを作成できます。

text-shadow: 2px 2px 1px #000000, -2px -2px 1px #111111;

ただし、古いバージョンのIEはこのプロパティをサポートしていません。を使用する必要がありますfilter：

filter: DropShadow(Color=#000000, OffX=2, OffY=2);

値を好みに置き換えます。

注：あなたの質問への答えは、素晴らしい検索エンジンGoogleを使用して非常に簡単に見つけることができます。質問する前に、次回それを試してください。

別の注意：あなたが取り組んでいるウェブサイトがアダルトウェブサイトであることを実際に言及する必要はありません。それは完全に無関係であり、一部のユーザーにとっては少し嫌なことさえあるかもしれません。

ただし、Stackoverflowへようこそ！お役に立てば幸いです。

Answer 2

テキストに対していつでもcsstext-shadowを使用できます。

text-shadow:1px 0px 2px grey, -1px 0px 2px grey, 0px 1px 2px grey, 0px -1px 2px grey;

テキスト全体に影を作成します。