标签:制作 play 椭圆 执行 back ace 怎么 身体 头部
纯CSS代码加上
首先分析结构
根据原图,将哆啦A梦分为几个结构,然后再分解其他部位。
画出各部分的形状和颜色,然后使用绝对定位(absolute)和相对定位(relative)改变其位置。
各种带弧度形状,使用border-radius属性实现。
倾斜角度,使用transform属性实现。
使用background属性的-webkit-gradient() / -moz-linear-gradient() 画出身体部分的线性色彩变化。
html代码如下:
<!DOCTYPE html>