radial-gradientradial-gradient()是径向渐变，指的是一个中心点向四周扩撒的渐变效果，其中包括波的扩散和光的扩散中都有径向渐变的特征。css中我们使用radial-gradient()函数表示径向渐变，语法比较复杂，所以我们可以从简单的径向渐变开始看：.warpper{width:250px;heigth:125px;background-image:radial-gradient(blue,red);}上面展示的是一个椭圆渐变效果，径向渐变的方向由中心往外部的，默认终止于元素的边框内边缘。其实所有径向渐变语法都是围绕改变径向渐变的半径值、中心点坐标、渐变颜色的起点

radial-gradientradial-gradient()是径向渐变，指的是一个中心点向四周扩撒的渐变效果，其中包括波的扩散和光的扩散中都有径向渐变的特征。css中我们使用radial-gradient()函数表示径向渐变，语法比较复杂，所以我们可以从简单的径向渐变开始看：.warpper{width:250px;heigth:125px;background-image:radial-gradient(blue,red);}上面展示的是一个椭圆渐变效果，径向渐变的方向由中心往外部的，默认终止于元素的边框内边缘。其实所有径向渐变语法都是围绕改变径向渐变的半径值、中心点坐标、渐变颜色的起点

box-shadowbox-shadow表示盒阴影，可以给元素设置阴影效果，如果我们设置向下的阴影效果:.wrapper{position:fixed;left:0;top:0,bottom:0,right:0,background-color:red;box-shadow:03px5pxrgba(0,0,0,.3)}以上box-shadow中的0表示水平偏移，3px表示垂直偏移，5px表示模糊大小，​​rgba(0,0,0,0.3)​​表示投影的颜色。常用的投影效果主要由偏移、模糊、颜色组成。无论是投影效果还是盒阴影，光源都默认在左上角，所以水平偏移如果是整数则表示投影偏右，如果是负数则表示

box-shadowbox-shadow表示盒阴影，可以给元素设置阴影效果，如果我们设置向下的阴影效果:.wrapper{position:fixed;left:0;top:0,bottom:0,right:0,background-color:red;box-shadow:03px5pxrgba(0,0,0,.3)}以上box-shadow中的0表示水平偏移，3px表示垂直偏移，5px表示模糊大小，​​rgba(0,0,0,0.3)​​表示投影的颜色。常用的投影效果主要由偏移、模糊、颜色组成。无论是投影效果还是盒阴影，光源都默认在左上角，所以水平偏移如果是整数则表示投影偏右，如果是负数则表示