设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 创业者 手机 数据
当前位置: 首页 > 服务器 > 系统 > 正文

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

发布时间:2020-03-15 08:18 所属栏目:52 来源:站长网
导读:background:-webkit-gradient(linear,righttop,leftbottom,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

    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;   

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读