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

使用CSS3代码绘制可爱的Hello Kitty猫(6)

发布时间:2020-03-15 14:10 所属栏目:52 来源:站长网
导读:border-top-left-radius:80px30px; border-bottom-left-radius:20px; background-color:black; transform:rotate(-5deg); z-index:101; } .hello-kitty-div.left-moustache-1:after{ content:'\20'; display:block;

    border-top-left-radius: 80px 30px;   

    border-bottom-left-radius: 20px;   

    background-color: black;   

    transform: rotate(-5deg);   

    z-index: 101;   

}   

.hello-kitty-div .left-moustache-1:after {   

    content: '\20';   

    display: block;   

    position: absolute;   

    left: 131px;   

    top: 418px;   

    width: 60px;   

    height: 24px;   

    border-top-rightright-radius: 100px 30px;   

    border-bottom-rightright-radius: 20px;   

    background-color: black;   

    transform: rotate(2deg);   

    z-index: 101;   

}   

现在,整个 Hello Kitty 就画完了,有没有觉得很可爱?~~(ฅ>ω<*ฅ)~~。

完整源码及素材:https://github.com/chnhyg/css3-hello-kitty

(编辑:ASP站长网)

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