因爲之前對CSS的動畫這塊掌握的不太好，所以今天打算寫個氣球搖擺上升的動畫。但是沒寫到幾句，就發現氣球完全沒反應，結果是animation屬性簡寫時，其中的animation-delay對應的值應該是0s，而我少加了一個單位，坑死我啦。
因爲氣球放置的位置是挨着左邊的，結果發現它向左擺碰到邊緣的時候明顯有反彈？？？
跟着這篇文章鞏固一下
border-radius: htl htr hbr hbl / vtl vtr vbr vbl;
在這個語法中，橫向和縱向的半徑被放在了一起；h和v分別代表了橫向半徑和縱向半徑，t、l、b和r分別代表的是頂部（top）、左側（left）、底部（bottom）和右側（right）。例如，vbl代表的左下角的縱向半徑。
如果你給橫向或是縱向半徑只設定了一個值，那麼瀏覽器會將這個值複製到其他所有的橫向或是縱向半徑。
今天認識了一個屬性 pointer-event:none 用法之一被設置該屬性以及該值的元素可以被穿透，可以起到一個遮罩的作用。
理解一下bezier-curve
其實這個知識在計算機圖形學裏學過，但是用到CSS裏就完全不明白這麼操作。但是上面這篇加上圖示就講得很清楚。
個人理解就是：CSS中的這個屬性是針對一條線段的兩個端點，將該線段單位化，cubic-bezier中的兩對值其實是兩個端點處在該曲線上的切線上的某個點的座標。據上文作者所言，這個座標x軸在0,1之間，y軸值不定。（如有朋友看到此處，一定要打開上文閱讀）
比如這樣的就是兩端加速，中間較緩。
因爲這個座標值只是提供一個斜率，又加上起點的座標是原點，所以第一對值在有效範圍內同比增大或縮小效果是一樣的。
想做個測試證明同比增大縮小效果一樣，想法是加一個div，hover的時候讓它倆都開始運動，結果就一直沒反應了，甚至，只是修改它們的顏色都不行。煩透了。
突然又好了，我真的服氣。不過也發現一個大錯：+只能選擇下一個不能選擇下一個的下一個。乾脆將兩個元素放進一個div裏
實驗結果是，以上論斷是錯誤的。陷入了悲傷。
那基本上我的理解也不對了。
http://cubic-bezier.com/#.17,.67,.83,.67
噢噢噢噢我的理解是對了，但是我在思考的時候忽略了另一邊的影響。就這樣吧看片睡覺啦
啊啊啊我又沒有看JS了，但是我真的更喜歡CSS...