linear-gradient

background: linear-gradient(direction, color-stop1, color-stop2, …)
direction可以是[ angle | to side-or-corner ]
linear-gradient(30deg, #3f87a6, #ebf8e1);
linear-gradient(to left, #333, #333 50%,#333 100%);

我們平時的漸變是這樣子的
background: linear-gradient(#e66465 50%, #9198e5 100%);

可是這裡有個技巧，當前一個漸變的結束和後一個漸變的開始的位置是一樣的話，那麼就沒有漸變了

挑戰

1. 利用linear-gradient實現冰棍上部分
   
   效果預覽
   程式碼地址
2. 利用linear-gradient來製作冰箱
   
   效果預覽
   程式碼下載