》》stroll--各种特效下拉菜单

时间:2024-04-15 20:19:48
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>多种css3滚动下拉动画加载效果</title>

<link rel="stylesheet" href="css/stroll.css">
<style>
    
html, body {
    margin: 0px;
    padding: 0px;
}
body {
    background: #323232;
    font-family: \'Lato\', Times, \'Times New Roman\', serif;
    font-size: 16px;
    color: #eee;
    margin-bottom: 40px;
    line-height: 1;
}
a {
    color: cyan;
}
article {
    display: inline-block;
    margin: 20px;
}
h2 {
    font-size: 16px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
small {
    opacity: 0.6;
    font-style: italic;
    font-size: 14px;
    margin-left: 5px;
}
/**
 * List used for the demo page
 */
ul {
    position: relative;
    width: 230px;
    height: 480px;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    list-style: none;
    -webkit-perspective: 400px;
    -moz-perspective: 400px;
    -ms-perspective: 400px;
    -o-perspective: 400px;
    perspective: 400px;
}
ul li {
    position: relative;
    padding: 16px;
    background: #eee;
    color: #252525;
    font-size: 18px;
    z-index: 2;
    -webkit-transform: translateZ(0px);
    -moz-transform: translateZ(0px);
    -ms-transform: translateZ(0px);
    -o-transform: translateZ(0px);
    transform: translateZ(0px);
}
ul li:nth-child(odd) {
 background: #fff;
}

</style>
</head>
<body>
<div id="main">
  <article>
    <h2>Grow</h2>
    <ul class="grow">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Cards (CSS 3D)</h2>
    <ul class="cards">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Curl (CSS 3D)</h2>
    <ul class="curl">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Wave</h2>
    <ul class="wave">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Flip (CSS 3D)</h2>
    <ul class="flip">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Fly (CSS 3D)</h2>
    <ul class="fly">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Fourty</li>
      <li>Fourtyone</li>
      <li>Fourtytwo</li>
      <li>Fourtythree</li>
      <li>Fourtyfour</li>
      <li>Fourtyfive</li>
      <li>Fourtysix</li>
      <li>Fourtyseven</li>
      <li>Fourtyeight</li>
      <li>Fourtynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Simplified Fly (CSS 3D)</h2>
    <ul class="fly-simplified">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Fourty</li>
      <li>Fourtyone</li>
      <li>Fourtytwo</li>
      <li>Fourtythree</li>
      <li>Fourtyfour</li>
      <li>Fourtyfive</li>
      <li>Fourtysix</li>
      <li>Fourtyseven</li>
      <li>Fourtyeight</li>
      <li>Fourtynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Reverse Fly (CSS 3D)</h2>
    <ul class="fly-reverse">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Fourty</li>
      <li>Fourtyone</li>
      <li>Fourtytwo</li>
      <li>Fourtythree</li>
      <li>Fourtyfour</li>
      <li>Fourtyfive</li>
      <li>Fourtysix</li>
      <li>Fourtyseven</li>
      <li>Fourtyeight</li>
      <li>Fourtynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Helix (CSS 3D)</h2>
    <ul class="helix">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Fan</h2>
    <ul class="fan">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Papercut</h2>
    <ul class="papercut">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Twirl (CSS 3D)</h2>
    <ul class="twirl">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Skew</h2>
    <ul class="skew">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Tilt</h2>
    <ul class="tilt">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Zipper</h2>
    <ul class="zipper">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
  <article>
    <h2>Fade</h2>
    <ul class="fade">
      <li>One</li>
      <li>Two</li>
      <li>Three</li>
      <li>Four</li>
      <li>Five</li>
      <li>Six</li>
      <li>Seven</li>
      <li>Eight</li>
      <li>Nine</li>
      <li>Ten</li>
      <li>Eleven</li>
      <li>Twelve</li>
      <li>Thirteen</li>
      <li>Fourteen</li>
      <li>Fifteen</li>
      <li>Sixteen</li>
      <li>Seventeen</li>
      <li>Eighteen</li>
      <li>Nineteen</li>
      <li>Twenty</li>
      <li>Twentyone</li>
      <li>Twentytwo</li>
      <li>Twentythree</li>
      <li>Twentyfour</li>
      <li>Twentyfive</li>
      <li>Twentysix</li>
      <li>Twentyseven</li>
      <li>Twentyeight</li>
      <li>Twentynine</li>
      <li>Thirty</li>
      <li>Thirtyone</li>
      <li>Thirtytwo</li>
      <li>Thirtythree</li>
      <li>Thirtyfour</li>
      <li>Thirtyfive</li>
      <li>Thirtysix</li>
      <li>Thirtyseven</li>
      <li>Thirtyeight</li>
      <li>Thirtynine</li>
      <li>Forty</li>
      <li>Fortyone</li>
      <li>Fortytwo</li>
      <li>Fortythree</li>
      <li>Fortyfour</li>
      <li>Fortyfive</li>
      <li>Fortysix</li>
      <li>Fortyseven</li>
      <li>Fortyeight</li>
      <li>Fortynine</li>
      <li>Fifty</li>
      <li>Fiftyone</li>
      <li>Fiftytwo</li>
      <li>Fiftythree</li>
      <li>Fiftyfour</li>
      <li>Fiftyfive</li>
      <li>Fiftysix</li>
      <li>Fiftyseven</li>
      <li>Fiftyeight</li>
      <li>Fiftynine</li>
      <li>Sixty</li>
      <li>Sixtyone</li>
      <li>Sixtytwo</li>
      <li>Sixtythree</li>
      <li>Sixtyfour</li>
      <li>Sixtyfive</li>
      <li>Sixtysix</li>
      <li>Sixtyseven</li>
      <li>Sixtyeight</li>
      <li>Sixtynine</li>
      <li>Seventy</li>
      <li>Seventyone</li>
      <li>Seventytwo</li>
      <li>Seventythree</li>
      <li>Seventyfour</li>
      <li>Seventyfive</li>
      <li>Seventysix</li>
      <li>Seventyseven</li>
      <li>Seventyeight</li>
      <li>Seventynine</li>
      <li>Eighty</li>
      <li>Eightyone</li>
      <li>Eightytwo</li>
      <li>Eightythree</li>
      <li>Eightyfour</li>
      <li>Eightyfive</li>
      <li>Eightysix</li>
      <li>Eightyseven</li>
      <li>Eightyeight</li>
      <li>Eightynine</li>
      <li>Ninety</li>
      <li>Ninetyone</li>
      <li>Ninetytwo</li>
      <li>Ninetythree</li>
      <li>Ninetyfour</li>
      <li>Ninetyfive</li>
      <li>Ninetysix</li>
      <li>Ninetyseven</li>
      <li>Ninetyeight</li>
      <li>Ninetynine</li>
    </ul>
  </article>
</div>
<script src="js/stroll.min.js"></script>
<script>
    stroll.bind( \'#main ul\' );
</script>

</body>
</html>