将 jQuery Mosaic 与 CSS3 框阴影页面卷曲效果相结合

Question

我想将这两种效果结合起来

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

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

Answer 1

这很简单。 我只是简单地将"马赛克 Div"（包含马赛克瓷砖的 Div）放在我的卷发盒阴影ul li内。 很简单。

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