使用CSS3代码绘制可爱的Hello Kitty猫
发布时间：2020-03-17 03:16:46 所属栏目：系统 来源：站长网
导读：副标题#e# 感觉这个 Hello Kitty 画的还不错，心血来潮也用 CSS3 画了个 Hello Kitty，现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。我们先看下原图： 结构分解 从上图可以看出，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 （编辑：晋中站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
