css - CSS3: Make next item indent more -


i'm wondering if there's way add margin-left each next item, such

-item1   -item2     -item3       -and forth 

is possible css3? haven't seen 'every next item'.

sure, can. it's freaky ...

demo : http://jsbin.com/exuwej/1/edit

css :

ul {     -moz-transform: rotate(-20deg);     -ms-transform: rotate(-20deg);     -o-transform: rotate(-20deg);     -webkit-transform: rotate(-20deg);     transform: rotate(-20deg);     display: block;     width: 500px;     padding: 0;     margin-left: 100px;     margin-top: -50px;     list-style: none;     height: 400px; }  ul li {     -moz-transform: rotate(20deg);     -ms-transform: rotate(20deg);     -o-transform: rotate(20deg);     -webkit-transform: rotate(20deg);     transform: rotate(20deg);     width: 60%;     border: 1px solid blue;     padding: 0;     margin: 0;     display: block;     float: left;     text-align: left; } 

html :

<ul>     <li>a</li>     <li>b</li>     <li>c</li> </ul> 

Comments

Popular posts from this blog

java - Jmockit String final length method mocking Issue -

asp.net - Razor Page Hosted on IIS 6 Fails Every Morning -

c++ - wxwidget compiling on windows command prompt -