我想知道是否有人可以告诉我,如果使用css3可以使用下图所示的弯曲效果。
如果是的话,我可以就如何实现它提出一些建议吗?
答案 0 :(得分:1)
可以这样做:
http://jsfiddle.net/lollero/Bfwpz/
HTML:
<div id="boxWrap">
<div class="box1"></div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
<div class="box5"></div>
</div>
CSS:
#boxWrap { float: left;}
#boxWrap div {
background: #e1e1e1;
border: 1px solid #999999;
width: 40px;
height: 50px;
float: left;
margin: 10px;
position: relative;
}
.box1 { top: 20px; }
.box2 { top: -20px; }
.box3 { top: -50px; }
.box4 { top: -20px; }
.box5 { top: 20px; }