[英]CSS3 animations not working in IE or Opera
我創建了一個簡單的 animation 來使用 webkit 屬性和 CSS3 在網站上旋轉圖像。
這里的樣式 css(它只適用於 div)
.bg {
position: relative;
top: 0px;
left: 0px;
display:block;
-webkit-animation: spin 100s infinite linear;
-moz-animation: spin 100s infinite linear;
-o-animation: spin 100s infinite linear;
-ms-animation: spin 100s infinite linear;
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
z-index:-1;
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg);}
100% { -webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
0% { -moz-transform: rotate(0deg);}
100% { -moz-transform: rotate(360deg);}
}
@-o-keyframes spin {
0% { -o-transform: rotate(0deg);}
100% { -o-transform: rotate(360deg);}
}
@-ms-keyframes spin {
0% { -ms-transform: rotate(0deg);}
100% { -ms-transform: rotate(360deg);}
}
現在的結果是,在 Mozilla Firefox、Chrome 和 Safari 上,它可以正常工作,但在 Opera 和 Inte.net 資源管理器中,我看不到任何 animation。
http://caniuse.com/#feat=css-動畫
IE10 和 Opera 12 支持 CSS 個動畫。 不早了。
也許這些信息對一些在 Opera 12 中遇到動畫問題的人有用。
在歌劇 12.x css animation 屬性“無限”對我不起作用。 Animation 只播放了一次就停止了。 但是在我將 integer 的持續時間值(例如 1s)更改為分數值(例如 1.1s)之后,動畫開始無限播放。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.