使用HTML和CSS3绘制基本卡通图案的示例分享

2020-05-08 09:18:43易采站长站整理

        }    
    
        .face-bottombottom-2-over {    
            rightright: 99px;    
            bottombottom: 46px;    
            z-index: 56;    
            width: 43px;    
            height: 31px;    
            -webkit-border-bottom-rightright-radius: 70px 40px;    
            border-bottom-rightright-radius: 70px 40px;    
            background-color: #f6c6b0;    
            -moz-box-shadow: -6px 2px 0 0 #de9876 inset;    
            -webkit-box-shadow: -6px 2px 0 0 #de9876 inset;    
            box-shadow: -6px 2px 0 0 #de9876 inset;    
            -moz-transform: rotate(-3deg) skew(-49deg, 0deg);    
            -ms-transform: rotate(-3deg) skew(-49deg, 0deg);    
            -o-transform: rotate(-3deg) skew(-49deg, 0deg);    
            -webkit-transform: rotate(-3deg) skew(-49deg, 0deg);    
            transform: rotate(-3deg) skew(-49deg, 0deg);    
        }    
    
        .face-light-1 {    
            rightright: 127px;    
            bottombottom: 95px;    
            z-index: 150;