css3过渡延时动画效果

首先创建一个css3的大盒子，并选择所有它的内边距，外边距为0。（下面截图）

设置好了它的内、外边距为0之后，用一个大的类来写它的的高度，宽度，边距。
(下面截图)

写完了大的类的内容后，再用一个类来写它的宽度，高度、背景颜色，居中属性等。
（下面截图）

然后再写把鼠标移动进去就会动的效果，同样要写它的高度，宽度，和背景颜色。
（下面截图）

这样它的css3延时动画效果就出来了。
(注意：有一点代码来自授课老师)