結合jQuery的馬賽克與CSS3的box-shadow頁面捲曲效果

Question

我想這兩種效應結合

jQuery的馬賽克>http://buildinternet.com/project/mosaic/ 和 純CSS3的box-shadow頁面捲曲效果>http://matthamm.com/box-shadow-curl.html

有人可以提供我舉個例子嗎？

Answer 1

這很簡單。我只是把我的冰壺盒影子ul的li裏面的「Mosaic Div」（含有馬賽克瓷磚的Div）放在裏面。非常直截了當。

<ul class="box"> 
    <li> 
     <div class="mosaic-block circle"> 
      <a href="http://buildinternet.com/project/mosaic" class="mosaic-overlay">&nbsp;</a> 
      <div class="mosaic-backdrop"><img src="http://buildinternet.s3.amazonaws.com/projects/mosaic/mosaic.jpg"/></div> 
     </div> 
    </li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul>