WEB-RSS2.0ATOM1.0さすらいのWeb制作家、MAKOCHINがつづるブログサイト。Web制作に関する知識を備忘録的に書いているだけのサイトです。ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。ご興味のある方はどうぞ。さすらいのWeb制作家。Web制作の修行に勤しむ毎日を過ごす。【CSS3】テキストに影を付ける(text-shadow)TweetPocketテキストに影を付けるCSS3、「text-shadow」をご紹介します。}[shadow1]・・・影の部分を大きめに指定したエフェクト的な表現。[shadow2]・・・文字の影を落とした例です。文字と同じ形を元の文字から若干ずらして配置し、若干ぼかしています。[shadow3]・・・一つの文字に対して複数の影を指定しています。影の色と位置は任意に指定できますので、複数の影を付けることができます。[色]ぼかしの範囲は値を大きくするほど、ぼかしの具合が大きくなります。X軸オフセット、Y軸オフセット、ぼかしの範囲ともにpx、emでの指定が可能です。色については色名、RGB、RGBに透明度を加えたRGBAでの指定が可能です。cssコメントを残す返信をキャンセルする。