CSSで影付きにする
2010/08/30
適当なクラス名で下記のような設定。
.aaa{
-moz-box-shadow: 4px 6px 5px #555;
-webkit-box-shadow: 4px 6px 5px #555;
-ms-filter: “progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)”;
filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
}
-moz-box-shadow: 4px 6px 5px #555;
-webkit-box-shadow: 4px 6px 5px #555;
-ms-filter: “progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6)”;
filter: progid:DXImageTransform.Microsoft.Glow(color=#666666,strength=3) progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=6);
}
でドロップシャドウするときはwidth指定必要っぽい。
※operaでは影はつかない。