书页效果

    书页效果


    .book {
        position: relative;
        width: 200px;
        height: 248px;
        margin-left: 20px;
        border: 1px # eee solid;
        background-color: # fff;
        box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2)
    }
    .book::after {
        position: absolute;
        content: '';
        bottom: 10px;
        left: 35px;
        width: 50%;
        height: 50%;
        -webkit-transform: skew(-30deg) rotate(-6deg);
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        z-index: -1
    }
    .book::before {
        position: absolute;
        content: '';
        bottom: 10px;
        right: 35px;
        width: 50%;
        height: 50%;
        -webkit-transform: skew(30deg) rotate(6deg);
        box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
        z-index: -1
    }

关键字：JavaScript, css, html5, 书页

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！