CSS---猪年大吉

昨天用css画了一个小猪~希望今年，猪年大吉哈哈哈哈：）

很简单的思路，下一步就是想要做一个css3的流星雨~ 加油还是css深的我心哈哈
自己画出来的结果图：

哈哈超可爱，源代码如下：

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><title>pig</title><style>.map{width: 234px;margin:100px auto;position:relative;}.ear::before,.ear::after{content: '';width: 62px;height: 62px;border-radius: 2px 31px 2px 31px;box-shadow: -1px 2px 5px 1px rgba(0,0,0,.6);background-color: #db7452;position:absolute;transform: rotate(-80deg);}.ear::after{right: 0;transform: rotate(-6deg);}.body{width: 234px;height: 184px;background-color:#f3ad8f;border-radius: 88px;}.eye-left,.eye-right {height: 9px;width: 9px;background-color: black;border-radius: 10px 35px 0 0;position:absolute;top:88px;transform: rotate(35deg);}.eye-left {left:60px;}.eye-right{right:60px;}.nose{width: 70px;height: 30px;background-color:#da938f ;position: absolute;top:110px;left:81px;border-radius: 20px;}.nose::after,.nose::before{content: '';width: 12px;height:12px;background-color: #d27658;position:absolute;border-radius: 50%;top:10px;}.nose::after {left:10px;}.nose::before{right:10px;}.foot-left::before,.foot-left::after{content: '';width: 3px;border-width: 25px 12px 12px 0;border-style:solid;border-color: #f3ad8f transparent transparent transparent;position: absolute;left:43px;top:163px;transform: rotate(6deg);}.foot-left::after{left:49px;top:164px;}.foot-right::before,.foot-right::after{content: '';width: 3px;border-width: 25px 12px 12px 0;border-style:solid;border-color: #f3ad8f transparent transparent transparent;position: absolute;right:38px;top:159px;transform: rotate(-50deg);}.foot-right::after{right:32px;top:156px;}</style>
</head>
<body><div class="map"><div class="ear"></div><div class="body"><div class="eye-left"></div><div class="eye-right"></div><div class="nose"></div></div><div class="foot-left"></div><div class="foot-right"></div></div></body>
</html>

其实主要就是微调，别的没什么~ 加油啦~然后，猪脚有点不对称，可能给我啃了吧，哈哈

CSS---猪年大吉相关推荐

猪年快乐之TensorFlow中实现word2vec及如何结构化TensorFlow模型
猪年快乐之TensorFlow中实现word2vec及如何结构化TensorFlow模型导语今天是2019年新年第一天,首先祝福大家猪年大吉,在新的一年里多多学习,多多锻炼,身体健康,万事如意! ...
猪年快乐（文末送新年福利）
时间过的很快,祝贺狗年的各种「汪汪」声还在耳旁作响.但是马上,猪哥哥已经迫不及待地出来告诉我,很快又需要成长一岁,当年戏谑自己说是奔三十的人,现在这个已经越来越接近现实了,纵使时间过的再慢,这一刻还是 ...
C实现2019猪年祝福语（二位数组实现）
用了一种比较stupid的方法--以二维数组实现新年祝福语趁此次除夕复习一下二维数组的运用: 总体思路较简单,有规律地输入二维数组也不会耗时太长: 字样:[猪年大吉] 图案:小猪佩奇头像以下为源代 ...
这不是我心目中的比目猪！快来看看这只3D小猪佩奇！
小猪佩奇总是用侧脸示人,不论是转左边还是转右边,脸上总是有2只眼睛,2个鼻孔,1腮红,小手手不断挥呀挥,讲完一句话就要发出猪叫声,最爱在往泥巴坑里跳. 佩奇正脸也是相当神秘,从未用"正脸&q ...
这不是我心目中的比目猪！快来看看这只3D小猪佩奇！...
小猪佩奇总是用侧脸示人,不论是转左边还是转右边,脸上总是有2只眼睛,2个鼻孔,1腮红,小手手不断挥呀挥,讲完一句话就要发出猪叫声,最爱在往泥巴坑里跳. 佩奇正脸也是相当神秘,从未用"正脸&q ...
feign直接走熔断_【121期】面试官：什么是熔断？什么是服务降级？
点击上方"Java面试题精选",关注公众号面试刷图,查缺补漏 >>号外:往期面试题,10篇为一个单位归置到本公众号菜单栏->面试题,有需要的欢迎翻阅阶段汇总集 ...
活动 | 参与《我的，2019 不一样》投稿，千元奖品，等你拿！
今天,你放假了吗?某小编的内心 os 是-- 所以,为了你们,小编特地坚守最后一班岗,送你千元奖品.你仅需要思考两个问题,就有机会获奖哦,如下: 你今年过年,与之前有什么不一样吗? 你对 2019 年 ...
阿里云安全送您六道平安符，恭贺新春！
值此新春佳节来临之际我们为您送上六道平安符真诚的祝您在新的一年里猪年大吉,人安.心安.事事安! 亨通符: "攻"得无量,防防防云上安全,稳稳稳 "DDoS高防&q ...
使用Visual Studio Code编写和激活ABAP代码 (上)
猪年春节后的第一篇,Jerry祝各位猪年大吉! 2019年的六分之一马上就快过完了,不知道大家在新的一年是否给自己定了新的小目标呢?这里Jerry先预祝大家到2019年年底的时候,在年初制定的小目标都 ...

CSS---猪年大吉

CSS---猪年大吉相关推荐

最新文章

热门文章