content: ‘20’;
display: block;
position: absolute;
left: 20px;
top: 420px;
width: 100px;
height: 24px;
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
在线演示：http://chnhyg.coding.me/css3-hello-kitty
