アポロメディアＷｅｂサイト（index.php）

△TEST

.text_shadow_1{
    color: #FFF;
    text-shadow: 2px 2px 1px #00F,
		-2px 2px 1px #00F,
		 2px -2px 1px #00F,
		-2px -2px 1px #00F;
}

TEST

.text_shadow_3{
    color: #FFF;
    text-shadow: 2px 2px 3px #000,
		-2px 2px 3px #000,
		 2px -2px 3px #000,
		-2px -2px 3px #000;
}

TEST

.text_shadow_5{
    color: #FFF;
    text-shadow: 2px 2px 5px #000,
		-2px 2px 5px #000,
		 2px -2px 5px #000,
		-2px -2px 5px #000;
}

グロー文字

.text_shadow_6{
    color: #ffffff;
    text-shadow: 0px 0px 20px rgba(255,255,0,1);
    background-color: #003;
}

浮き出した文字

.text_shadow_7{
    color: #aaa;
    text-shadow: -1px -1px 1px #ffffff, 1px 1px #000000;
    background-color: #aaa;
}

袋文字

.text_shadow_8{
        color:#f0f;
        background-color:#aaa;
        text-shadow: #fff 2px 0px,  #fff -2px 0px,
		     #fff 0px -2px, #fff 0px 2px,
		     #fff 2px 2px , #fff -2px 2px,
		     #fff 2px -2px, #fff -2px -2px,
		     #fff 1px 2px,  #fff -1px 2px,
	   	     #fff 1px -2px, #fff -1px -2px,
		     #fff 2px 1px,  #fff -2px 1px,
		     #fff 2px -1px, #fff -2px -1px;
}

テキストシャドウ（基本形）

.text_shadow_9{
	color: #fff;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

テキストシャドウ（立体）

.text_shadow_10{
	color: #fff;
	text-shadow:0 1px #bbb,
		    0 2px #aaa,
		    0 3px #999,
		    0 4px #888,
		    0 5px #777,
		    0 6px #666,
		    0 7px #555,
		    0 8px #444,
		    0 9px #333,
		    0 10px 8px #000;
}

テキストシャドウ（斜め立体）

.text_shadow_11{
	color: #fff;
	text-shadow:
		    1px 1px #aaa,
		    2px 2px #999,
		    3px 3px #888,
		    4px 4px #777,
		    5px 5px #666,
		    6px 6px #555,
		    7px 7px 4px #000;
}

テキストシャドウ（エンボス）

.text_shadow_12{
	color: #aaa;
	text-shadow: 0 -1px 1px #fff, 
		    1px 1px 1px #000;
}

テキストシャドウ（浮き彫り）

.text_shadow_13{
	color: #aaa;
	text-shadow: 0 -1px #fff,0 -2px #fff, 
		     0 8px 15px rgba(0,0,0,0.7);
}

テキストシャドウ（レタープレス）

.text_shadow_14{
	color: #aaa;
	text-shadow: 0 -1px 1px #000, 
	1px 1px 1px #fff;
}

テキストシャドウ（ぼかし）

.text_shadow_15{
	color: transparent;
	text-shadow: 0 0 3px #fff;
}

テキストシャドウ（縁取り）

.text_shadow_16{
	color: #9d9da4; /*背景色に合わせる*/
	text-shadow:1px 1px #333,
		    1px -1px #333,
		    -1px 1px #333,
		    -1px -1px #333;
}

テキストシャドウ（発光）

.text_shadow_17{
	color: #fff;
	text-shadow:1px 1px 1px #fff,
		    1px -1px 1px #fff,
		    -1px 1px 1px #fff,
		    -1px -1px 1px #fff,
		    0 0 22px #fff;
}

テキストシャドウ（浮遊）

.text_shadow_18{
	color: #fff;
	text-shadow:0 1px #bbb,
		    0 2px #aaa,
		    0 3px #999,
		    0 4px #888,
		    0 5px #777,
		    0 6px #666,
		    0 7px #555,
		    0 8px #444,
		    0 9px #333,
		    0 32px 24px rgba(0,0,0,0.7);
}

テキストシャドウ（内側の影）

.text_shadow_19{
	background: #9d9da4;
	color: rgba(0,0,0,0.5); /*透過必須*/
	text-shadow:2px 2px 2px #9d9da4 /*背景色に合わせる*/ ,
		　　0 0 #000;
}

テキストシャドウ（積み重ね）

.text_shadow_20{
	color: #fff;
	text-shadow:0 1px #bbb,
	0 3px #333,
	0 5px #999,
	0 7px #222,
	0 9px #777,
	0 11px #111,
	0 13px #555,
	0 15px #000,
	0 17px #333,
	0 17px 8px #000;
}

上下にグラデーション

.text_shadow_21{
	background: #9d9da4;
	color: rgba(0,0,0,0.5); /*透過必須*/
	text-shadow:2px 2px 2px #9d9da4 /*背景色に合わせる*/ ,
		    0 0 #000;
	background: linear-gradient(to bottom,
			#ebebeb 45%,#d8d8d8 55%);
}