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
Post a Comment