最新のWeb開発のチュートリアル
 

W3.CSSテキストエフェクト


テキストのシャドウ

W3-テキストシャドウクラスは、すべての色で動作するように設計されています。

テキストのシャドウ


テキストのシャドウ


テキストのシャドウ


テキストのシャドウ

<div class="w3-container w3-light-grey">
  <h2 class="w3-text-shadow">Text Shadow</h2>
</div>
»それを自分で試してみてください

テキスト不透明度

W3-不透明度クラスは、すべての色で動作するように設計されています。

テキスト不透明度


テキスト不透明度


テキスト不透明度


テキスト不透明度


テキスト不透明度


テキスト不透明度

<div class="w3-container w3-deep-purple">
  <h2 class="w3-opacity">Text Opacity</h2>
</div>
»それを自分で試してみてください

特殊効果

不透明度を組み合わせると大胆:

テキスト不透明度

色の混合:

イエロー+シャドウ+太字

影を組み合わせることで、大胆かつ不透明度:

シャドウ+不透明度+太字

色の混合:

イエロー+シャドウ+太字