(閉じる)

はてなブックマーク > コンピュータ・IT > [CSS]ちょっと大胆に、斜めのラインを使うスタイル...

[CSS]ちょっと大胆に、斜めのラインを使うスタイルシートのチュートリアル | コリス

coliss.com

タグ :

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

[CSS]ちょっと大胆に、斜めのラインを使うスタイルシートのチュートリアル | コリス

下記は各ポイントを意訳したものです。 デモ 実装 デモ 斜めのラインはCSS3で実装されているので、Chrome, Safari, Firefox, IE9でご覧ください。 demo 1 実装のポイント コンテンツ自身は回転させず、コンテンツのラッパーを回転させます。 回転させたコンテンツは表示領域からはみ出す部分もあるので、余剰分の処理も忘れずに。 HTML 見出しとテキストを含む個々のコンテンツはarticle要素で実装し、そのラッパーとしてdiv要素を設置しclassに「se-slope」を与えます... > このページを見る

最終更新時間: 2011年12月26日08時59分
▼ブログで紹介する

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

  • thidaka58 thidaka58
    002 2012/01/19
  • josch_so36 josch_so36 , ,
    要はrotateつかったらできるのか。そうか、こんど斜めなデザインのページつくろう。 2011/12/30
  • nors nors
    http://tympanus.net/codrops/2011/12/21/slopy-elements-with-css3/ 2011/12/27
  • choromo choromo
    【画像を使わないで、ストライプ?】 「[CSS]ちょっと大胆に、斜めのラインを使うスタイルシートのチュートリアル | コリス」 2011/12/27
  • qno qno
    うまく使えればかっこいいデザインになりそう。多分失敗する確率のほうが高いw 2011/12/27
  • kkeisuke kkeisuke
    transform rotate 2011/12/26
  • warriorking warriorking , ,
    (CSS)ちょっと大胆に、斜めのラインを使うスタイルシートのチュートリアル | コリス 2011/12/26
  • tsuki-rs tsuki-rs
    斜めラインカッコイイ！ 2011/12/26
  • Donca Donca
    ✔ [CSS]ちょっと大胆に、斜めのラインを使うスタイルシートのチュートリアル 2011/12/26

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