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

投稿者: | 2011/05/12

「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のドロップシャドウを使いたい

関連記事

コメントを残す

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

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)