寫CSS還蠻常會用到陰影，使元素更具有立體感，今天就來認識一下陰影有什麼屬性吧。
首先我們要先來設置陰影的方向，第一個參數負責控制水平方向，第二個參數控置垂直方向的陰影。
box-shadow: 0px 15px;
我們水平設為0，所以左右邊不會出現陰影，
垂直方向設定為15px，當參數為正值時水平方向會在右邊，垂直方向會在下面。
box-shadow: -15px 0;
再來我們可以設定陰影模糊，值越大越模糊。
第三個參數是設定陰影的。
box-shadow: -15px 0px 10px;
設定更大的值~
box-shadow: -15px 0px 50px;
我們還可以擴大陰影的範圍。
box-shadow: -15px 0px 10px 10px;
iThome鐵人賽
看影片追技術