jquery - 结合jQuery Mosaic与CSS3 box-shadow页面卷曲效果

Question

我想结合这两种效果

jQuery Mosaic > http://buildinternet.com/project/mosaic/ 和Pure CSS3 box-shadow 页面卷曲效果 > http://matthamm.com/box-shadow-curl.html

有人可以给我一个例子吗？

Answer 1

这很简单。我只是将“Mosaic Div”（包含马赛克瓷砖的 Div）放在li我的卷发盒阴影中ul。很直接。

<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>