jquery - jQuery Mosaic と CSS3 box-shadow ページ カール効果を組み合わせる

Question

この2つの効果を組み合わせたい

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>