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

    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

（编辑：云计算网_泰州站长网）

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