Box-Shadow Loading，可以創造無限可能

[外鍊圖檔轉存失敗,源站可能有防盜鍊機制,建議将圖檔儲存下來直接上傳(img-TPZgs4eQ-1597887470974)(http://cdn.javanx.cn/wp-content/themes/lensnews2.2/images/201912/7/1.gif)]

Box-Shadow 通常，我們都是用作彈框陰影、需要層次的的元素等。但是它有更強大的功能，“多層陰影”，制作一些非常有趣的動畫。

box-shadow: h-shadow v-shadow blur spread color inset;

屬性值描述

h-shadow 指陰影水準偏移量，其值可正可負，正值，則陰影在對象的右邊，負值，陰影在對象的左邊

v-shadow 指陰影的垂直偏移量，其值也可以是正負值，正值，陰影在對象的底部，負值時，陰影在對象的頂部

blur 陰影模糊半徑，此參數是可選，隻能為正值，如果其值為0時，表示陰影不具有模糊效果，值越大陰影的邊緣就越模糊

spread 陰影擴充半徑，其值可為正負值，正值，則整個陰影都延展擴大，反之，則縮小

color 陰影顔色，不設定任何顔色時，浏覽器會取預設色，但各浏覽器預設色不一樣，特别是在webkit核心下的safari和chrome浏覽器将無色，也就是透明，建議不要省略此參數。

inset 陰影類型，預設的投影方式是外陰影；inset就是将外陰影變成内陰影

注意：多層陰影，最内層優先級最高，之後依次降低。使