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

            background-color: rgba(0,0,0,0.2);    
        }    
    
        .hair-light-1 {    
            top: 30px;    
            rightright: 45px;    
            z-index: 105;    
            width: 57px;    
            height: 17px;    
            -moz-border-radius: 100%;    
            -webkit-border-radius: 100%;    
            border-radius: 100%;    
            background-color: white;    
            -moz-transform: rotate(39deg);    
            -ms-transform: rotate(39deg);    
            -o-transform: rotate(39deg);    
            -webkit-transform: rotate(39deg);    
            transform: rotate(39deg);    
        }    
    
        .hair-light-1-over {    
            top: 32px;    
            rightright: 38px;    
            z-index: 105;    
            width: 83px;    
            height: 21px;    
            -moz-border-radius: 100%;    
            -webkit-border-radius: 100%;