CSS画出一个可爱神奇的多啦A梦

    background:-webkit-gradient(linear,right top,left bottom,from(#fff),color-stop(0.70,#fff),color-stop(0.75,#f8f8f8),color-stop(0.80,#eee),color-stop(0.88,#ddd),to(#fff));   

    background:-moz-linear-gradient(right top,#fff,#fff 70%,#f8f8f8 75%,#eee 80%,#ddd 88%,#fff);   

    background:-ms-linear-gradient(right top,#fff,#fff 70%,#f8f8f8 75%,#eee 80%,#ddd 88%,#fff);   

    border: 2px solid #000;   

    top:250px;   

    left:92px;   

}   

.doraemon .bodys .pocket_mask{   

    position:relative;   

    height:60px;width:134px;   

    background:#fff;   

    border-bottom:2px solid #000;   

    top:125px;   

    left:92px;   

}   

.doraemon .hand_right{   

    height:100px;width:100px;   

    position:absolute;   

    top:272px;   

    left:248px;   

}   

.doraemon .hand_left{   

    height:100px;width:100px;   

    position:absolute;   

    top:272px;   

    left:-10px;   

}   

.doraemon .arm{   

    background:#07beea;   

    background:-webkit-gradient(linear,left top,left bottom,from(#07beea),color-stop(0.85,#07beea),to(#555));   

    background:-moz-linear-gradient(center top,#07beea,#07beea 85%,#555);   

    background:-ms-linear-gradient(center top,#07beea,#07beea 85%,#555);   

    border: 1px solid #000000;   

    position:relative;   

    height:50px;width:80px;   

    box-shadow:-10px 7px 10px rgba(0,0,0,0.35);   

    z-index:-1;   

}   

.doraemon .hand_right .arm{   

    top:17px;   

    transform:rotate(35deg);   

    -webkit-transform:rotate(35deg);   

}   

.doraemon .hand_left .arm{   

    top:17px;   

    background:#0096be;   

    box-shadow:5px -7px 10px rgba(0,0,0,0.25);   

    transform:rotate(145deg);   

    -webkit-transform:rotate(145deg);   

}   

.doraemon .circle{   

    background:#fff;   

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!