简笔画 - web秀

#简笔画#

共找到简笔画相关内容 5 条

5年前

CSS制作可爱的小猪，祝大家2019“猪”事顺心

CSS制作可爱的小猪，祝大家2019“猪”事顺心

前言时间过得真快，2019年也是说来就来，时间是真的不等人啊。新的一年小伙伴们都有什么目标呢？赶紧向着目标努力吧，2020也会眨眼即到。2019，祝大家“猪”事顺利，事事顺心！接下来进入今天的课题。用CSS制作一个小小的、可爱的小猪。主要用到的技术有border-radius、transform:rotate等等。预览图：主体结构<divclass="pig"><divclass="body"><divclass="ear"></div><divcla

556317 3759 0

4年前

CSS简笔画：纯CSS绘制一顶帽子

CSS简笔画：纯CSS绘制一顶帽子

夏天，人人都希望有一顶漂亮的帽子吧？来，我送给你。看图解构帽子结构很简单，分为帽檐、帽冠、饰带、饰带上面有花朵html帽子结构<divclass="cap"><divclass="top"><divclass="lace"><divclass="flower"><divclass="petal"></div><

547641 3301 0

4年前

CSS简笔画：纯CSS绘制一辆婴儿车

CSS简笔画：纯CSS绘制一辆婴儿车

专栏也更新了一小半了，不知道大家都学到了吗？CSS学习其实不难，难的是动手实践，当你看到一个效果是，觉得这个实现起来很难、很难，但是你一旦动手，一步一步分解实现，会发现也没有想象中的那么难。下面我们动手写一个纯CSS婴儿车，你将学习到下列知识：你能get到1、CSSFlex水平垂直居中2、CSS变量（前面小节已经讲过）3、CSS伪类的灵活使用4、CSS相对定位和绝对定位5、CSS绘制半圆形扇形三角形6、CSStransform变形看图解构婴儿车结构很简单，从下至上，车轮、婴儿床、扶手、斗篷，复杂点的就是斗

547668 3253 0

4年前

CSS简笔画：纯CSS绘制一艘邮轮

CSS简笔画：纯CSS绘制一艘邮轮

本节你能get到什么前端知识1、CSS变量2、CSS伪类的灵活使用3、CSS绘制梯形、箭头、转发箭头4、CSS相对定位和绝对定位5、CSStransform变形6、CSSbox-shadow7、CSSFlex布局看图解构1、梯形船体2、中间部分有一个镂空的梯形3、船体上有船名、船锚4、甲板上有护栏5、船上有货物6、还有一根旗杆解构后发现东西并不多！梯形船体<divclass="ship"><divclass="ship-body"></div></div>:

546154 3317 0

4年前

CSS简笔画logo系列：纯CSS绘制“Adidas” Logo

本节你能get到什么前端知识1、CSSFlex垂直居中对齐2、CSSclip剪裁3、CSSbox-shadow多阴影看图解构看图很简单咯，AdidasLogo就是用3个“梭形”组成，然后添加3条和底色一样颜色的线覆盖在上面即可。什么是“梭形”？船大家都见过吧，它就是“梭形”形状的，类似于“菱形”，但是“梭形”两头都是圆圆的，不是尖尖的角。生活中，还有很多花瓣也都是“梭形”的。logo底图<divid="adidas"><divclass="logo"></div><

547683 3308 0

下拉加载更多