CSS3彎曲效果

Question

我不知道是否有人可以告訴我，如果下圖中顯示的彎曲效果可能與CSS3。

如果是，我可以對如何實現它的一些建議，好嗎？

Answer 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; }