新聞動畫html5按鈕

我想知道是否有一種方法，我可以使用HTML5/JavaScript按下（不滾動）按鈕時動畫按鈕？新聞動畫html5按鈕

我想創建一個幾乎卡通化的按鈕，當按下並閃爍時會稍微擴展一點。我知道這聽起來有點不禮貌，但我認爲最終結果看起來會比聽起來好。

我的靈感是？在新的超級馬里奧兄弟遊戲塊。

來源

2011-07-01 roxics

你在找什麼是由CSS3創建的，而不是HTML5。

下面是一篇博文，其中包含十個不同教程的鏈接，這些教程使用CSS3製作各種炫酷按鈕：http://www.catswhocode.com/blog/top-10-css3-buttons-tutorials。

當使用：hover選擇器進行翻轉時，許多按鈕將展開並顯示內容。如果您想在按下時應用樣式，只需替換：active選擇器。

希望這能讓你開始。

來源

2011-07-01 23:46:40 Gaurav

謝謝你的鏈接。他們是一些漂亮的按鈕。我不得不閱讀他們看看他們能做些什麼。但表面上大多數人看起來只有上下兩種狀態。我正在尋找一種以大約6-10幀左右的方式做動畫的方法。我希望能夠讓星星飛起來並翻轉，然後在按下按鈕時重新按下按鈕。另外就像我說的那樣，當你按下按鈕時，按鈕會像枕頭一樣展開。也許有些教程可以做到這一點。但我沒有看到任何像我在閃光燈以外的想法。 – roxics

你正在談論的一些內容可能需要CSS3動畫。我還沒有看到你描述的具體內容，但這裏有一些使用CSS動畫的按鈕：http://www.zurb.com/playground/radioactive-buttons http://www.webrisorsa.info/animated-effects-on -buttons-with-pure-css3/362/ – Gaurav

謝謝你的鏈接。第一個鏈接肯定會越來越接近我所尋找的。我想我可能已經想出了我需要做的事情。我相信我需要的是兩個不同的gif圖像。一個是堅實的，一個是動畫的。然後，我只需要在點擊時用CSS3或JavaScript切換兩者。所以基本上按鈕開始穩定，然後點擊動畫GIF播放一次，然後返回到固體GIF或第二個固定GIF，它們的顏色不同，表明該按鈕已被點擊。 – roxics

新聞動畫html5按鈕

回答

相關問題