MovableType:エントリーのサムネイル画像に自動的にドロップシャドウをつける
「エントリーのサムネイル画像にCSSでドロップシャドウをつけたい」という需要は結構あるらしく、あちこちのMovableType関連のサイトでその方法が紹介されています。→小粋空間
MovableTypeで構築してるワタクシの別サイト(地球旅行)でもCSSでドロップシャドウをつけている(上の画像がそれ)のですが、ちょっとちがう方法なので(だれでも思いつく方法かとは思いますが)もしかしたら役に立つかもしれない誰かのためにご紹介。あるいは奇特にももっとこうしたら良いのではというご指摘をいただけたら大歓迎。
ワタクシの方法の利点と欠点
- 利点
- 自然なシャドウがつけられる。
- あらためてclass属性を付与しなくても自動でシャドウがつく。
- 過去の投稿分のサムネイルにもシャドウがつく。
- 欠点
- サムネイル画像のサイズ固定(常にサムネイルの画像は同じ大きさ)
- 縦長の画像の時だけ投稿時にimg要素にclass属性を付与しなければいけない。