CSS3 实现童年的纸飞机

今天我们来折纸飞机(可以飞出去的那种哦) 基本全用css来实现,只有一小部分的js 首先看一下飞机的构造 灰色区域为可折叠区域 白色区域为机身 三角形由border画出来的再经过各种平移翻转变成上图 写之前再补充个知识点: 我们颜色的设置不用rgba, 用hsl() h: 色调 0- 360 0(或360)表示红色,120表示绿色,240表示蓝色 s : 饱和度 0% -100% l : 亮度 0% – 100% 先看效果才有动力: HTML: <!--童年的纸飞机--> <div class=front-e