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

            -webkit-border-top-left-radius: 14px 11px;    
            border-top-left-radius: 14px 11px;    
            border-bottom-left-radius: 70px 40px;    
            background-color: #f6c6b0;    
            -moz-box-shadow: 3px 0px 0 0 #fff inset;    
            -webkit-box-shadow: 3px 0px 0 0 #fff inset;    
            box-shadow: 3px 0px 0 0 #fff inset;    
        }    
    
        .face-bottombottom-2 {    
            rightright: 97px;    
            bottombottom: 44px;    
            z-index: 55;    
            width: 43px;    
            height: 31px;    
            -webkit-border-bottom-rightright-radius: 70px 40px;    
            border-bottom-rightright-radius: 70px 40px;    
            background-color: #000;    
            -moz-transform: rotate(-4deg) skew(-49deg, 0deg);    
            -ms-transform: rotate(-4deg) skew(-49deg, 0deg);    
            -o-transform: rotate(-4deg) skew(-49deg, 0deg);    
            -webkit-transform: rotate(-4deg) skew(-49deg, 0deg);    
            transform: rotate(-4deg) skew(-49deg, 0deg);