如何在網(wǎng)頁上用HTML5實(shí)現(xiàn)動畫效果？感謝邀請。h5中做動畫的方法有很多種，一個一個說吧。1、h5元素本身的位移、縮放，控制css屬性即可，left、right、top、bottom，width、he

如何在網(wǎng)頁上用HTML5實(shí)現(xiàn)動畫效果？

感謝邀請。

h5中做動畫的方法有很多種，一個一個說吧。

1、h5元素本身的位移、縮放，控制css屬性即可，left、right、top、bottom，width、height，另外使用transform可以完成更復(fù)雜的變化。

2、透明度屬性可以完成漸隱漸現(xiàn)效果，切換background-image屬性，background-color屬性。

3、在畫布元素canvas中繪制，這是很多h5游戲引擎實(shí)現(xiàn)動畫的方法，可以去學(xué)習(xí)一個h5的游戲引擎。

4、還有一個是矢量圖方式，svg代碼，用代碼控制svg元素也可以完成很好的動畫效果，像d3.js這樣的圖表引擎便使用svg進(jìn)行繪制。

先學(xué)js還是HTML5好？

個人建議先學(xué)容易的后學(xué)復(fù)雜的。毫無疑問，HTML語言會比JavaScript容易上手。

HTML語言與css一般一起學(xué)，是用于畫網(wǎng)頁的語言工具，HTML好玩之處在于讓你馬上感受到編程的樂趣，可能有人說這語言算編程？其實(shí)編程沒有這么難，你把代碼輸完然后可以馬上出效果，這就是HTML，代碼就是磚塊，HTML就是磚塊的原料，最后的網(wǎng)頁產(chǎn)品就是被磚塊造好的房子。

JavaScript別看它是個腳本語言，如今的使用度已經(jīng)遙遙領(lǐng)先很多語言，甚至一度被評為最受歡迎的語言。JavaScript的寫法非常精煉，而且用它確實(shí)是能感受到編程的厚重感，很多如今的前端框架基本上都是JavaScript為基礎(chǔ)，也就是說你如果想搞前端，學(xué)JavaScript是必不可少的。

不過如果零基礎(chǔ)可以先學(xué)HTML練練手，一兩天就能掌握個大概。

關(guān)注“極客宇文氏”，更多獨(dú)到見解