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

            z-index: 55;    
            width: 85px;    
            height: 23px;    
            -webkit-border-top-left-radius: 30px 180px;    
            border-top-left-radius: 30px 180px;    
            -webkit-border-bottom-left-radius: 30px 80px;    
            border-bottom-left-radius: 30px 80px;    
            background-color: #000;    
            -moz-transform: rotate(-74deg) skew(-42deg, 23deg);    
            -ms-transform: rotate(-74deg) skew(-42deg, 23deg);    
            -o-transform: rotate(-74deg) skew(-42deg, 23deg);    
            -webkit-transform: rotate(-74deg) skew(-42deg, 23deg);    
            transform: rotate(-74deg) skew(-42deg, 23deg);    
        }    
    
        .hair-left-2 {    
            top: -20px;    
            left: 99px;    
            z-index: 60;    
            width: 49px;    
            height: 37px;    
            background-color: #000;    
            -moz-transform: rotate(-51deg) skew(-43deg, 0deg);    
            -ms-transform: rotate(-51deg) skew(-43deg, 0deg);