(閉じる)

はてなブックマーク > コンピュータ・IT > CSS3のボックスシャドウを使って写真のフチの装飾を...

CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 | HTML5でサイトをつくろう

www.html5-memo.com

タグ :

コンピュータ・IT 283 users このエントリーをはてなブックマークに追加

CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 | HTML5でサイトをつくろう

写真ブログcruzinで紹介している写真に背景画像で影をつけていますが、写真のブログとして作った「cruzin」では正方形型の写真用のフチ3パターンと長方形型の写真用のフチ3パターン、計6パターンのpng画像を背景画像としてあらかじめ用意しそれぞれにclass名をつけ指定しておきました。そしてフチをつけたい写真に先ほど用意したclassを指定することで写真のフチを表現していました。 写真ブログcruzin 使用している背景画像 classで背景画像を入れた写真 指定方法 HTML [xhtml font_... > このページを見る

最終更新時間: 2012年07月11日15時00分
▼ブログで紹介する

みんなのブックマーク 人気（0） 新着

  • akiueos akiueos
    【Share】 CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 | HTML5でサイトをつくろう 2012/07/12
  • mameixxx mameixxx ,
    素敵ですな。暇なとき試してみよ。 2012/07/12
  • susi-paku susi-paku
    いただきます。('A')っ｜RT @ateitexe: おおーこれはすごい｜CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 2012/07/12
  • hr07jp hr07jp
    box-shadowを使った影のスタイルシート 2012/07/12
  • umegaemotch umegaemotch
    CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル 2012/07/12
  • CHODA CHODA , , ,
    CSS3でこんなのできるんですね。運営の手間も省けていいっすね。 2012/07/12
  • webshabri webshabri
    CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 | HTML5でサイトをつくろう 2012/07/12
  • warriorking warriorking ,
    CSS3のボックスシャドウを使って写真のフチの装飾をするサンプル作りました。【サンプルコード付き】 | HTML5でサイトをつくろう 2012/07/12
  • kyotaweb kyotaweb ,
    めくれた風の影は、ステキ 2012/07/12

    3 RT

    infoeproduction tomokazu_sa Bluesky_Hiro
  • george_tsubota george_tsubota
    いつかは使いたいです。 2012/07/12
  • kkeisuke kkeisuke
    :after box-shadow 2012/07/11
  • heppokoneko heppokoneko ,
    チェキ風というか想像してたのポラノイドカメラ風だった／この要領でチェキ風欲しい（作れよ 2012/07/11

このブックマーク一覧を非公開にするには?

はてなブックマークを使ってみる(無料)
はてなブックマークって？
はてなブックマークはオンラインでブックマークを管理・共有できる無料サービス。自宅、職場、外出先、どこからでも同じブックマークにアクセスできます。ユーザーはみんなでブックマークを共有して効率良く情報収集しています。あなたもはてなブックマークを始めてみませんか?