css3 颜色过渡以及阴影

背景颜色过渡:

   background: linear-gradient(to bottom, #000000 0%,#ffffff 100%);

阴影：

 box-shadow：color  h-shadow  v-shadow blur spread  inset；
          color：阴影颜色 ------------ 可选
          h-shadow ：水平偏移量 ----必选 
          v-shadow：垂直偏移量-----必选
          blur：模糊距离 -------------可选
          spread：阴影尺寸---------- 可选
         inset：内阴影 --------------可选

box-shadow: darkgrey 10px 10px 30px 5px ;//边框阴影
box-shadow: darkgrey 0px 0px 30px 5px inset;//边框内阴影
h-shadow（水平）：指定水平偏移阴影。正值（即：5px）阴影向右，而为负值（即：- 10px）将使它偏向左。
v-shadow（垂直）：指定垂直偏移阴影。正值（即：5px）会使阴影在框的底部，而负值（即：- 10px）将使它偏向上。
blur(模糊)：设置的柔化半径。默认值为0，这意味着没有模糊。正值增加了模糊，而负值，实际上缩小了阴影。此属性默认为0。
color(颜色)：颜色值,也就是设置阴影颜色。