JSFiddle - React, Tailwind, and code Playground

by Kyle Lu

HTML

<div class="layer">层叠纸张</div>

CSS

.layer {
    background-color:#fcfcfc;
    border:1px solid #f2f2f2;
    text-align:center;
    line-height:3em;
    box-shadow:
        0 1px 1px rgba(0,0,0,0.3), /*加个阴影*/
        0 10px 0 -5px rgba(240,240,240,1), /*下面1层*/
        0 10px 1px -4px rgba(0,0,0,0.3), /*第1层的阴影*/
        0 20px 0 -10px rgba(240,240,240,1), /*下面第2层*/
        0 20px 1px -9px rgba(0,0,0,0.3), /*第2层的阴影*/
        0 30px 0 -15px rgba(240,240,240,1), /*下面第3层*/
        0 30px 1px -14px rgba(0,0,0,0.3); /*第3层的阴影*/
}