[CSS]HTMLはシンプルで、紙をぺろっと折ったエフェクトをつけるチュートリアル

Code a Simple Folded Corner Effect With CSS [ad#ad-2] 下記は各ポイントを意訳したものです。 コンセプト デモ 実装 コンセプト このチュートリアルのコンセプトは、div要素に対してできるだけシンプルに紙を折ったエフェクトを与えることです。画像を使用すれば、当然かなり簡単にできることですが、これをCSSで行います。 基本的に必要なものは長方形のボックスのほかに、二つの三角形です。 デモページ [ad#ad-2] 実装 HTML HTMLは非常にシンプルです。 見出しとパラグラフを配置したdiv要素に、class（foldtl）を加えます。 <div class="page foldtl"> <h2>見出し</h2> <p>パラグラフ...</p> </div> CSS まずは、ページ全体とdiv要素のスタイルです。 div要素の背景はCS

[bigchu]

: ぺろり

[jun9pleasanton]

css

[tukikai]

こーゆーの見るたび思う。・・・どうせIEじゃ実装出来ないんでしょって。

[sugarshin]

from コリス http://coliss.com

[Donca]

✔ [CSS]HTMLはシンプルで、紙をぺろっと折ったエフェクトをつけるチュートリアル