Why my Animate.css doesn't work? 為什麼Animate沒作用了?
最近公司在趕一個POC案子
為了能快速做出設計師要的動畫跟頁面轉場效果,一直在找各種動畫效果的lib或樣式範本
Animate.css 這個效果蠻多的,是同事找的
在Google排行很前面,我當時看了幾秒因為畫面不會動就直接關掉頁面找別的了(趕時間...)
後來發現原因在於作業系統設定的關係,導致動畫效果會被忽略
Windows 7設定如下:
控制台 -> 輕鬆存取 -> 輕鬆存取中心 -> 讓電腦更容易使用
Windows 10設定如下:
所有設定 -> 輕鬆存取 -> 顯示器 -> 將Windows簡化及個人化
就這個簡單的設定,就可以動了...
所以後來我還是不敢用這套,畢竟不可能要使用者去修改系統設定
還是乖乖自己刻原生CSS弄效果
為了能快速做出設計師要的動畫跟頁面轉場效果,一直在找各種動畫效果的lib或樣式範本
Animate.css 這個效果蠻多的,是同事找的
在Google排行很前面,我當時看了幾秒因為畫面不會動就直接關掉頁面找別的了(趕時間...)
後來發現原因在於作業系統設定的關係,導致動畫效果會被忽略
Windows 7設定如下:
控制台 -> 輕鬆存取 -> 輕鬆存取中心 -> 讓電腦更容易使用
把"關閉所有不需要的動畫"取消勾選 |
所有設定 -> 輕鬆存取 -> 顯示器 -> 將Windows簡化及個人化
選取"在Windows中顯示動畫" |
所以後來我還是不敢用這套,畢竟不可能要使用者去修改系統設定
還是乖乖自己刻原生CSS弄效果
留言
張貼留言