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

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

                top: 31px;    
                left: 141px;    
            }    
            /*双脚之间的缝隙,加阴影使用立体感*/    
            .doraemon .foot .foot_rewrite {    
                width: 20px;    
                height: 10px;    
                background: #fff;    
                background: -webkit-gradient(linear, rightright top, left bottombottom, from(#666),color-stop(0.83,#fff), to(#fff));    
                background: -moz-linear-gradient(rightright top, #666, #fff 83%, #fff);    
                background: -ms-linear-gradient(rightright top, #666, #fff 83%, #fff);    
                /*制作半圆效果*/    
                border: 2px solid #000;       
                border-bottom: none;    
                border-radius: 40px 40px 0 0;    
                position: relative;    
                top: -11px;    
                left: 130px;    
                _left: 127px;    
            }