CSS盒模型知道吗？

    CSS盒模型有margin、border、padding、content组成
    标准盒模型和IE盒模型在width和height的设置上有区别，标准盒模型的width和height只包含content，IE盒模型的width和height包含content、padding和border。
    能够通过修改元素的box-sizing属性来改变元素的盒模型。

    标准盒模型：content-box border-box

    对于一个盒子，让它向右向上1px阴影，背景为红。让鼠标移动到盒子上，2s后盒子变成圆形。

    设置box-shadow 为 1px -1px red, 然后设置 box:hover 为 border: 100%，然后再给盒子元素设置animation: 2s