スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
RSSフィード twitter Google Bookmarks スポンサーサイトをはてなブックマークに登録 はてなブックマーク
タグ /

リボン風見出しのCSS3デザインサンプル

リボン風見出しのCSS3デザインサンプル

見出しに使えるリボン風のCSS3サンプルのコードをメモ代わりにアップしておきます。ボックスシャドー、テキストシャドー、グラデーションも使っています。

サンプルタイトル

after擬似要素でリボンの左下に影を付けています。

リボン風見出しの参考にした記事

コピペで出来るCSS3で見出しスタイリング

CSSで巻き込みリボン風見出しの作り方

Ribbons in clean HTML and progressive CSS

How To Create Depth And Nice 3D Ribbons Only Using CSS3

見出しデザインの参考にしたい CSSで作るhタグのサンプル集

関連記事

RSSフィード twitter Google Bookmarks リボン風見出しのCSS3デザインサンプルをはてなブックマークに登録 はてなブックマーク
タグ / CSS3CSS
コメント一覧

承認待ちコメント

このコメントは管理者の承認待ちです

2011/12/18 Sun 10:16 | URL

コメントを残す


管理者にだけ表示を許可する

 | BLOG TOP | 

人気記事

スポンサードリンク

新着記事

プロフィール

日刊ウェブログ式を運営するナカタと申します。まだ開設して日も浅い拙いブログですが、どうぞよろしくお願いします。

リンク

LOOMICDESIGN

タグクラウド

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。