精選HTML5/CSS3動畫應用原始碼分享

2014-11-02    分類:WEB開發、程式設計開發、首頁精華2人評論發表於2014-11-02

本文由碼農網 – 小峰原創,轉載請看清文末的轉載要求,歡迎參與我們的付費投稿計劃

本文要向Web開發者分享一些乾貨,如果你熱衷於HTML5和CSS3的開發,那麼一定會對下面的這些HTML5動畫應用感興趣。本文在提供演示的同時,也會對部分核心程式碼進行展示和分析,希望各位能夠喜歡。

jQuery盒子漸變動畫選單

這款選單的展現形式非常有特點,它並不像其他選單一樣縱向或者橫向排列,而是排列在矩形方格中,並且點選選單項即可以動畫的方式展開選單的詳細資訊,利用CSS3產生非常酷的動畫效果。

jquery-css3-box-menu

CSS3創意密碼強度表單驗證

這也是一款很有特點的jQuery/CSS3應用,功能很常見,就是密碼強度驗證,一般我們都利用顏色的對比度來展示當前密碼的強度,但是這款應用卻利用了里程錶來表示密碼的強度,非常有創意。

css3-password-strong-form

HTML5中國象棋

中國象棋電腦版大家都玩過,但是HTML5版本的中國象棋相信大家都不會怎麼玩過,今天就讓你們開啟眼界,值得注意的是,還可以自定義遊戲難度哦。

html5-zgxq

CSS3 3D進度條

這款CSS3實現的進度條是顯示在按鈕上的,可以更直觀的體現出使用者提交的進度情況,該CSS3進度條按鈕樣式非常漂亮,在支援3D的瀏覽器上還能有3D立體的效果,而且進度條展現形式很多,一共18種樣式。

css3-3d-process-button

HTML5古典卡帶播放器

這是一款樣式非常古典,但又是非常時尚的HTML5播放器,說它是古典播放器,是因為這種卡帶式的HTML5播放器比較古老,說它時尚,是因為現在的HTML5播放器很少有這種樣式的,非常有創意。

html5-cassette-player

本文連結:http://www.codeceo.com/article/3-html5-apps.html
本文作者:碼農網 – 小峰
原創作品,轉載必須在正文中標註並保留原文連結和作者等資訊。]

相關文章