背景顏色過渡:

   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(顏色)：顏色值,也就是設定陰影顏色。