如果你也有一些在IE中無法正常展示的CSS3動畫,那就來看看下面這些方法吧。
首先,要實現在IE中播放CSS3動畫,我們需要借助一些JavaScript庫。而有些庫比其他庫更為成熟和流行,比如:
Modernizr jQuery GSAP Animate.css
借助這些庫,我們可以很容易地在IE中展示CSS3動畫。比如用Animate.css庫實現動畫效果:
\\........ \Hello world
另外,我們還可以通過對CSS代碼進行修改來讓IE支持CSS3動畫。比如使用-webkit-和-o-前綴:
@-webkit-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } @-o-keyframes fadeIn { from {opacity: 0;} to {opacity: 1;} } ........ .fadeIn { animation-name: fadeIn; -webkit-animation: complete 1s linear; -o-animation: complete 1s linear; animation-iteration-count: infinite; }
總之,雖然IE并不支持CSS3動畫,但我們仍然有很多方法可以讓它支持。無論是借助JavaScript庫還是修改CSS代碼,都是可行的方法。希望這些方法能對你的開發工作有所幫助。
上一篇nuxt 搭建vue
下一篇讓css只作用于一個頁面