今天是第十天，終於剩下三分之二啦!!

今天的東西比較偏不是直接就能看到的，必須加入一點跟網頁互動的行為才能看到呢

那先上程式碼吧!
但! 今天完全不需要在html檔裡面動手腳，只需要在css裡面加工一下即可。

.a:hover div {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}

超級簡短的吧!
這一句就可以控制我們昨天對圖片牆設定的自動輪播做暫停的動作~
animation-play-state就是用來設定動畫的狀態是正在運行還是暫停
預設就是正在運行喔。
而:hover就是指鼠標碰到物件的情況

成果展示:

一碰到就暫停，這樣就可以好好看照片上的內容啦!
在代購網頁裡真的很需要這樣呢!
先預告一下明天的部分，明天會在圖片內加上超連結喔!這樣看到喜歡的商品就可以直接點進去預覽，是不是超讚的呀

以上是我開賽的第十天，讓我們來期待第十一天的到來吧!
加油、加油! 倒數20天。