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

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

            -o-transform: rotate(-51deg) skew(-43deg, 0deg);    
            -webkit-transform: rotate(-51deg) skew(-43deg, 0deg);    
            transform: rotate(-51deg) skew(-43deg, 0deg);    
        }    
    
        .hair-rightright-1 {    
            top: 70px;    
            rightright: 1px;    
            z-index: 60;    
            width: 81px;    
            height: 85px;    
            -webkit-border-top-rightright-radius: 26px 120px;    
            border-top-rightright-radius: 26px 120px;    
            background-color: black;    
            -moz-transform: rotate(1deg) skew(-51deg, 0deg);    
            -ms-transform: rotate(1deg) skew(-51deg, 0deg);    
            -o-transform: rotate(1deg) skew(-51deg, 0deg);    
            -webkit-transform: rotate(1deg) skew(-51deg, 0deg);    
            transform: rotate(1deg) skew(-51deg, 0deg);    
        }    
    
        .hair-rightright-2 {    
            width: 60px;    
            height: 10px;    
            -webkit-border-bottom-left-radius: 100%;    
            border-bottom-left-radius: 100%;