スタイルシートでシャドウ

CSSでテキストやボックスに影を付けることができます。
環境テスト：Internet Explorer 11、Opera 48.0、Firefox 57.0.4、Crome 64

◎デモページはここをクリック(^^♪

▼シャドウの設定例

▼CSSの記述

	.kage1	{text-shadow: 2px 2px 5px #000;}
	.kage2	{text-shadow: -2px -2px 5px #000;}
	.kage3	{text-shadow: 2px 2px 20px #000;}

	.bkage1	{box-shadow: 2px 2px 5px #000;}
	.bkage2	{box-shadow: -2px -2px 5px #000;}
	.bkage3	{box-shadow: 2px 2px 20px #000;}
	
	.bkage4	{
		box-shadow: 
		4px 4px 5px #009900,
		10px 10px 5px #FF3300, 
		16px 16px 5px #30C;
		}