ITPub博客

首页 > IT职业 > IT生活 > 【前端切图】用css画一个卡通形象-小猪佩奇

【前端切图】用css画一个卡通形象-小猪佩奇

IT生活 作者:ewen321 时间:2021-09-09 09:28:52 0 删除 编辑

最近在腾讯云技术社区遇到了一位奇才,用css画出了一个社会人小猪佩奇,不得不服。研究了一下他的文章https://segmentfault.com/a/1190000014909658,感觉甚是有趣,果断收藏。
话不多说,直接贴一张生动到一塌糊涂的图。

图片描述

图片.png

前端代码如下:

html>
    用css画一个小猪佩奇
    
    <!-- 尾巴 -->     
    
    
    
    
    <!-- 底部阴影 -->     
    <!-- 左脚 -->     
    
    <!-- 左鞋 -->     
    
    <!-- 左手 -->     
        
        
        
    
    <!-- 身体 -->     
    <!-- 右手 -->     
        
        
        
    
    <!-- 猪头 -->     
        <!-- 耳朵 -->         
        
        
            
        
            
        <!-- 鼻子 -->         
        <!-- 下巴 -->         
        
        
        <!-- 鼻孔 -->         
        
        <!-- 左眼 -->         
            
            
            
        
        <!-- 右眼 -->         
            
            
            
        
        <!-- 嘴巴 -->         
            
            
            
        
        <!-- 脸颊 -->         
    

参考链接:https://segmentfault.com/a/1190000014909658

原文作者:祈澈姑娘
技术博客:https://www.jianshu.com/u/05f416aefbe1

90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。



来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/4325/viewspace-2803457/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-12

  • 博文量
    65
  • 访问量
    639