html 定义悬浮块层级,采用CSS3的动态元素（动画）设计div块的层级式展现

此练习作品是为学习HTML5+CSS3而设计的(如有不好请大家批评指教~~~)。

动画定义：animation:animationName;

div块的移动：

@keyframes keyframeName{

from{divInitialLocation:value}

to{divEndLocation:value}

}

div块的伸缩:

@keyframes keyframeName{

from{transform:scale(multipleValue,multipleValue)}

to{transform:scale(multipleValue,multipleValue)}

}

div块的旋转:

@keyframes keyframeName{

from{transform:rotateY(angleValue)}

to{transform:rotateY(angleValue)}

}

@keyframes keyframeName{

from{opacity:InitialValue}

to{opacity:Endvalue}

}

具体代码实现如下：

body部分代码：