qq_40421206的博客

1、left: 0;当子盒子的宽度为200%是。可以实现元素放置在其包含块的顶部，超出包含块的可视区域。默认子盒子会跟父盒子左对齐，想让子盒子与父盒子右对齐，可以只需要right：0;使用场景：当水球体的水量达到100%时，将波浪挤出盒子外不可见区域。

rotate3d：前3个参数分别表示坐标轴:x,y,z,第4个参数表示旋转的角度,参数不允许省略。例如:transform: rotate3d(1,1,1,30deg),意思是:x、y、z分别旋转30度。注意:rotateZ(20deg)相当于 rotate(20deg),当然到了3D变换的时候,还能写:rotate(x,x,x) 旋转会改变X Y 轴的方向。rotateX：设置x轴旋转角度,需指定一个角度值(deg),面对x轴正方向:正值顺时针(往屏幕里方向),负值逆时针(往屏幕外方向)。

1、按照先画大盒子，再画小盒子的顺序，以下是HTML代码。