用stylus画可爱的小丸子
之前看了一些关于二次元用css来画卡通图画的文章，都写得非常棒，但是对于我这样一个有密集恐惧症的小白来说相当的头疼，密密麻麻的括弧和标点让人眼花缭乱，最近学习了一些关于stylus的知识，觉得用stylus来写样式相当地简洁，层级嵌套逻辑关系也非常清晰，索性结合Div和stylus画了一个小丸子。话不多说，一起来感受一下stylus的魅力吧...
效果大同小异-_-
我们来看看小丸子身体各部的详细代码
首先是头部html代码
头部样式
.hairs
background base-color
width 190px
height 250px
left -30px
top -50px
position absolute
overflow hidden
border-radius 50% 50% 0 0
&:after
content ''
position absolute
width 300px
height 200px
background #ffef5e
top 120px
.hair
width 35px
height 45px
background base-color
最后
以上就是灵巧航空最近收集整理的关于pythonturtle画小丸子_【二次元stylus解放css】用stylus画可爱的小丸子的全部内容，更多相关pythonturtle画小丸子_【二次元stylus解放css】用stylus画可爱内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复