アフィリエイト 神様 稼ぐ 儲ける 億万長者 CSS テキストに影をつける

アフィリエイト 神様 稼ぐ 儲ける 億万長者 CSS　テキストに影をつける

　
text-shadowプロパテイは、テキストに影を付ける為に使用

text-shadow は子要素に継承されない。
デフォルト値は、影効果が存在しないこと意味する none。

inherit は、親要素値を明示的に継承する指定。
負の値が許される。


サンプル

・ 影の色は文字と同じ色

影の位置は、右に .5em, 下に .5em */
h1 { text-shadow: 0.5em 0.5em }

・ 影の色は黄色

影の位置は、右に 5px, 下に 5px, ぼかしが 5px */
h2 { text-shadow: 5px 5px 5px yellow }

・ 影が 3 つ指定され、カクテルライトのような効果となります

　1 の色は黄色
　1 の位置は、右に 5px, 下に 5px, ぼかしが 5px.
　2 の色は黄色
　2 の位置は、右に -5px（左に 5px）, 下に 5px, ぼかしが 5px.
　3 の色は文字色と同じ
　3 の位置は、右に 5px, 下に -5px（上に 5px） */
h2 { text-shadow: 5px 5px yellow, yellow -5px 5px 5px, 5px -5px }

アフィリエイト 神様 稼ぐ 儲ける 億万長者 CSS　テキストに影をつける





アフィリエイト 神様 稼ぐ 儲ける 億万長者 トップページへ