projects / sencha-touch.git / blame
| Commit | Line | Data |
|---|---|---|
| c4685c84 TL |
1 | <!doctype html> |
| 2 | <link rel="stylesheet" href="s.css" /> | |
| 3 | <h1>Tests for <a href="../../">recipes</a>/<a href="../">effect</a>/corner-folded</h1> | |
| 4 | ||
| 5 | <p class="doc"> | |
| 6 | See <a href="http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/">http://nicolasgallagher.com/pure-css-folded-corner-effect/demo/</a> for original effect | |
| 7 | </p> | |
| 8 | ||
| 9 | <h2>Top Left</h2> | |
| 10 | <div class="wrapper"> | |
| 11 | <div class="corner-folded-top-left"></div> | |
| 12 | </div> | |
| 13 | ||
| 14 | <hr /> | |
| 15 | ||
| 16 | <h2>Top Right</h2> | |
| 17 | <div class="wrapper"> | |
| 18 | <div class="corner-folded-top-right"></div> | |
| 19 | </div> | |
| 20 | ||
| 21 | <hr /> | |
| 22 | ||
| 23 | <h2>Bottom Left</h2> | |
| 24 | <div class="wrapper"> | |
| 25 | <div class="corner-folded-bottom-left"></div> | |
| 26 | </div> | |
| 27 | ||
| 28 | <hr /> | |
| 29 | ||
| 30 | <h2>Bottom Right</h2> | |
| 31 | <div class="wrapper"> | |
| 32 | <div class="corner-folded-bottom-right"></div> | |
| 33 | </div> | |
| 34 |