首頁(yè) 猿問(wèn) 我現(xiàn)在直接觸了原生js，請(qǐng)問(wèn)能用原...

我現(xiàn)在直接觸了原生js，請(qǐng)問(wèn)能用原生js做出這樣的效果嗎，求指教，謝謝！

C PHP

當(dāng)年話下 2023-01-03 11:07:36

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style>img{animation: mymove 4s linear;animation-iteration-count: infinite;}@keyframes mymove {from{transform: rotateY(0deg);}to{transform: rotateY(360deg);}}</style></head><body><img src="Images/小黃人.jpg" ></body></html>這個(gè)是我用css3的animation來(lái)做的，然而其兼容性不好，所以請(qǐng)問(wèn)怎么解決這個(gè)問(wèn)題呢？

查看完整描述

3 回答

郎朗坤

TA貢獻(xiàn)1921條經(jīng)驗(yàn) 獲得超9個(gè)贊

CSS即層疊樣式表(Cascading StyleSheet)。在網(wǎng)頁(yè)制作時(shí)采用層疊樣式表技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。

CSS3是CSS技術(shù)的升級(jí)版本，CSS3語(yǔ)言開發(fā)是朝著模塊化發(fā)展的。以前的規(guī)范作為一個(gè)模塊實(shí)在是太龐大而且比較復(fù)雜，所以，把它分解為一些小的模塊，更多新的模塊也被加入進(jìn)來(lái)。這些模塊包括: 盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等。

反對(duì) 回復(fù) 2023-01-06

繁星淼淼

TA貢獻(xiàn)1775條經(jīng)驗(yàn) 獲得超11個(gè)贊

頭文件里加一句
<meta http-equiv="x-ua-compatible" content="IE=EmulateIE10" >

反對(duì) 回復(fù) 2023-01-06

慕姐4208626

TA貢獻(xiàn)1852條經(jīng)驗(yàn) 獲得超7個(gè)贊

CSS3 animation 屬性
1、IE10 開始支持的。
2、針對(duì)版本低的現(xiàn)代游覽器最好使用前綴（-webkit-，-moz-，-o-）。
3、IE9 可以用JS的 setTimeOut 等函數(shù)來(lái)解決動(dòng)畫。
4、IE6，7，8 游覽器推薦用jQuery動(dòng)畫，當(dāng)然旋轉(zhuǎn)等高級(jí)動(dòng)畫是不行的，因?yàn)閞otate屬性是IE9開始支持的。
5、不支持css3的游覽器上不要勉強(qiáng)用，網(wǎng)頁(yè)執(zhí)行效率極差。

反對(duì) 回復(fù) 2023-01-06