完整文章位於 OXXO.STUDIO 新網站
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201412/css-click-loading.html
摘要:
由於自己公司產品裏頭,有個按鈕在點擊之後,會有一兩秒的等待時間 ( 寄認證信 ),因此為了避免點擊後一兩秒的載入時間空窗,就做個 loading 動畫來強化使用者體驗,原本想說直接用張 gif 來解決,但又想藉著這個機會練功,就使用了 CSS 的漸層效果來達成,沒想到效果還滿好的,而且不需要額外增加 div 之類的元素,單純修改 CSS 和加上點擊事件就完成了。
點選閱讀完整文章:
http://www.oxxostudio.tw/articles/201412/css-click-loading.html
摘要:
由於自己公司產品裏頭,有個按鈕在點擊之後,會有一兩秒的等待時間 ( 寄認證信 ),因此為了避免點擊後一兩秒的載入時間空窗,就做個 loading 動畫來強化使用者體驗,原本想說直接用張 gif 來解決,但又想藉著這個機會練功,就使用了 CSS 的漸層效果來達成,沒想到效果還滿好的,而且不需要額外增加 div 之類的元素,單純修改 CSS 和加上點擊事件就完成了。