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

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

            background-color: #f6c6b0;    
            -moz-transform: rotate(99deg);    
            -ms-transform: rotate(99deg);    
            -o-transform: rotate(99deg);    
            -webkit-transform: rotate(99deg);    
            transform: rotate(99deg);    
        }    
    
        .face-bottombottom-1 {    
            bottombottom: 42px;    
            left: 45px;    
            z-index: 40;    
            width: 72px;    
            height: 52px;    
            -webkit-border-bottom-left-radius: 70px 40px;    
            -webkit-border-top-left-radius: 14px 11px;    
            border-top-left-radius: 14px 11px;    
            border-bottom-left-radius: 70px 40px;    
            background-color: #000;    
        }    
    
        .face-bottombottom-1-over {    
            bottombottom: 45px;    
            left: 48px;    
            z-index: 55;    
            width: 69px;    
            height: 47px;    
            -webkit-border-bottom-left-radius: 70px 40px;