[轉載] 用HTML5和CSS3完美實現網頁中動起來的箭頭

我們經常看到許多網站或者H5的動畫都做成了整屏切換的形式，爲提高用戶體驗，會在首屏頁面下方放上一個動態的向下箭頭來提示用戶切換至下一屏。 動態箭頭的效果圖如下： 那麼這種效果是如何實現的呢？ 其實非常簡單，在CSS3中提供了animation屬性，專門用於動畫。要使用這個屬性，需要先了解@keyframes的創建規則，在 @keyframes 中規定某項 CSS 樣式，就能創建由當前樣式逐漸改爲新

>>阅读原文<<