[CSS]画像の上に半透明なパネルを簡単に配置できる便利なスタイルシート（フェードも可） -Label.css

テクノロジーカテゴリーの変更を依頼記事元:

coliss.com

105 usersがブックマークコメント

記事へのコメント7件

注目コメント
新着コメント

sugarshin from W3Q Reader http://w3q.jp/rs

2013/05/25 リンク

siteworkers これは便利そう

2013/05/21 リンク

kana321 コリス

2013/05/21 リンク

nors http://usablica.github.io/label.css/ https://github.com/usablica/label.css

2013/05/21 リンク

beth321 　コリス

2013/05/21 リンク

OfficeRiverHead 画像の上に半透明なラベルを天地中央、左右に簡単に配置でき、しかもホバー時にフェードでラベルを表示するなどのエフェクトも備えたスタイルシートを紹介します。 Label.cssLabel.css- GitHub Label.cssのデモ Label.cssの使い方 La

2013/05/21 リンク

Donca ✔ [CSS]画像の上に半透明なパネルを簡単に配置できる便利なスタイルシート（フェードも可） -Label.css

2013/05/21 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

[CSS]画像の上に半透明なパネルを簡単に配置できる便利なスタイルシート（フェードも可） -Label.css

デモ：ホバー時にフェードで表示 Label.cssの使い方使い方は簡単で、ラベルはclassとdata属性を加えて... デモ：ホバー時にフェードで表示 Label.cssの使い方使い方は簡単で、ラベルはclassとdata属性を加えて指定するだけです。 Step 1: 外部ファイル当スタイルシートをhead内に配置します。 <head> <link rel="stylesheet" href="css/label.css" /> </head> Step 2: HTML 画像を配置するimg要素にfigureを加えます。 <figure> <img src="image.jpg" alt="代替テキスト"> </figure> figureにclassでlabelを加え、配置するポジションを指定します。 <figure class="label inside bottom"> <img src="image.jpg" alt="代替テキスト"> </figure> 画像の上に配置するテキストをdata属