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

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

            background-color: #000;    
            -moz-transform: rotate(32deg);    
            -ms-transform: rotate(32deg);    
            -o-transform: rotate(32deg);    
            -webkit-transform: rotate(32deg);    
            transform: rotate(32deg);    
        }    
    
        .header-left {    
            top: -20px;    
            left: 37px;    
            width: 114px;    
            height: 228px;    
            -moz-border-radius: 228px 0 0 228px;    
            -webkit-border-radius: 228px 0 0 228px;    
            border-radius: 228px 0 0 228px;    
            background-color: #000;    
            -moz-transform: rotate(26deg);    
            -ms-transform: rotate(26deg);    
            -o-transform: rotate(26deg);    
            -webkit-transform: rotate(26deg);    
            transform: rotate(26deg);    
        }    
    
        .hair-left-1 {    
            top: 15px;    
            left: 53px;