CSS3で角丸とテキストにドロップシャドウ


「More(続きを読む)」部分をjQueryで折りたたみできる WordPressプラグイン「More Content Folder」が小粋空間さんより公開され、さっそく導入。
ついでに「続きを読む」部分にCSS3で角丸とテキストにドロップシャドウをつけて装飾。
CSS
.more, .hide {
	-webkit-border-radius: 5px; /* 角丸- Safari,Google Chrome */
	-moz-border-radius: 5px;    /* 角丸- Firefox */
	text-shadow: 0 1px 1px #000, 0 -1px 1px #333;
}
※IE向けではありませんのでIEはこちらを参考に→ IEでCSS3のドロップシャドウを使いたい

関連記事

コメントを残す

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

*