記事の画像にシャドウ(影)を付けて浮いたようなイメージにしてみました|TNX !! @saita_ryouhei


Kamera - 1891
Photo by melquiades1898

ブログの見た目だけでもなんとかしようと記事のクオリティーを棚に上げている ひろま(@hiroma20)です。

ブログに載せる写真や画像の淵にシャドウ(影)を付けて、浮いているような見た目にするスペシャルなワザを導入してみます。


いままではDropShadowInというアプリを使って加工していました。

ブログに入れる画像の枠にカンタンに「影」が付けられるMacアプリ「DropShadowIn for Mac」

非常に使い勝手が良くって導入以来ずっと使っているのですが、大量に画像を入れる場合、けっこう面倒くさく感じてまいりました。

もやもやしていた時にグッドタイミングでこんな記事を目にしたのです。

画像に影(シャドウ)をつけるようCSS修正 | stryhの日記 ~stryh/changelog
どうもCSS大臣です( ー`дー´)キリッ(@hiro45jpさん命名) タイトルの通りです。 以前はSkitch使ってシャドウをつけ、WordPressにアップしてました。 最近、それまでは …

Twitterでいつも構ってくれているCSS大臣こと、@saita_ryouheiさんが自作されたものです。すげー。

仕組みはまったく分かってないんですが下記のコードをCSSにコピペでOKらしいです。

.shadowimg {
box-shadow: 0 6px 25px 8px #999999;
-moz-box-shadow: 0 6px 25px 8px #999999;
-webkit-box-shadow: 0 6px 25px 8px #999999;
margin: 15px 35px 40px;
}

▼こんな風に「テーマの編集>>style.css」で一番下に貼付けます

スクリーンショット 2012 05 02 23 50 40 2

とりあえずうまくいってることを願います。



☟こちらの記事もあわせてどうぞ




オーダー似顔絵受付中!

クールな「ポートレート調似顔絵プラン」とポップな「コミック調似顔絵プラン」をご用意しました。
また、2種類の似顔絵プランがセットになった「2パック似顔絵プラン」がお得です!

ポートレート調

似顔絵プラン

¥6,000

追加=¥4,000/人

表情に多少のアレンジを加えますが

基本的には素材そのままの似顔絵です

クールな印象

バストアップ

コミック調

似顔絵プラン

¥6,000

追加=¥4,000/人

全体的に大幅なアレンジを加え

二頭身のキャラクターにします

ポップな印象

全身

2パック

似顔絵プラン

¥10,800

追加=¥7,200/人

ポートレート調とコミック調の

2つのプランをパックにしたものです

単体で2種類オーダーするより10%お得


コメントを残す

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

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

ABOUTこの記事をかいた人

家族とイラストとブログが大好きな東京在住3人子持ちガテン系のお父さん。
心から好きなことを楽しみながら生きていくことを決めた マツオユキの公式ブログです。
詳しいプロフィールはこちらからどうぞ!