放置していたフッター部分、有効活用できないかと思い色んなサイトを見ていたらプロフィールとお問い合わせフォームを入れてる人が居たので参考にしてカトちゃんも入れてみた。ツイッターやフェイスブックを入れてる人もおられましたが、プロフィールの方ががシンプルでいいかなと個人的に思ったのでプロフィールにしてみました。

企業だとちょっとした会社案内なんかに使えそう！？

さてここからは画像に影を付けるshadowsってプラグインの話なんですが、このプラグインがスマホに非対応でスマホで表示崩れする。なので使用を中止しようと思います。気に入ってただけに残念で、何とかならんかと思い色々試したんですが色んな意味でCssで直接画像に効果付ける方が早そう。

下の画像はプラグインを使わずにshadow効果をつけたものです。

CSSはこんな感じです。

.frame {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

ソースコード

<div class="frame">
<img src="画像までのURL/〇〇〇.jpg" />
</div>

Cssって色々できて楽しいから、時間があっという間に過ぎていくぅ(#^.^#)

以上、最後まで読んで頂きありがとうございました。