ロゴをCSSでちょっとお洒落なテキストに変えてみた。

今まで、ロゴはロゴ画像を使っていたけど、テキストに変えてみた。

text-shadow: 
    	0 -1px 1px rgba(0, 0, 0, .5), 
    	0 1px 1px rgba(255, 255, 255, 0.8);

ほとんど、意味はわかってないけど。
素敵なサイトがあったのでいろいろやってみた次第。
Css Text Shadow

ロゴをテキストで装飾

しかしながら、ココは背景がまっ白なので、ハイライトの効果があんまりわかりません。・゚゚・(≧д≦)・゚゚・。エーン!!

CSS3 text-shadow box-shadow の使い方 | CSS Lecture
text-shadow-CSS3リファレンス
Webデザインでレタープレス(型押し)エフェクトを作るときのTips

今回は、マイナスの値で内側にシャドウ付けて、こう・・・なんていうか・・・
エンボス加工みたいにしたかったわけ。

びみょー、、、

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA