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

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

    
        .face-top {    
            top: 61px;    
            rightright: 75px;    
            z-index: 105;    
            width: 111px;    
            height: 46px;    
            -moz-border-radius: 50% 50% 26px 0;    
            -webkit-border-radius: 50% 50% 26px 0;    
            border-radius: 50% 50% 26px 0;    
            background-color: #f6c6b0;    
            -moz-transform: rotate(37deg);    
            -ms-transform: rotate(37deg);    
            -o-transform: rotate(37deg);    
            -webkit-transform: rotate(37deg);    
            transform: rotate(37deg);    
        }    
    
        .face-rightright-1 {    
            top: 115px;    
            rightright: 71px;    
            z-index: 105;    
            width: 68px;    
            height: 62px;    
            -moz-border-radius: 100% 0 0;    
            -webkit-border-radius: 100% 0 0;    
            border-radius: 100% 0 0;