在網頁應用中,我們經常會使用jquery來實現一些簡單的動畫效果,比如選單下拉時的漸變特效,滑動時的淡入淡出效果等。現在我們將jquery和html5互相結合,讓html5/css3強大的頁面渲染引擎和jquery簡單易用的框架融合在一起,發揮前端迷人的效果。
dopelessrotate是一款基於jquery的旋轉外掛程式,這款旋轉外掛程式功能非常強大,它不僅可以在載入的時候顯示進度條,而且點選右側的放大鏡按鈕可以檢視原始大圖,並且可以滑動滑鼠來漫遊大圖的每乙個細節。是一款非常不錯的jquery旋轉外掛程式。
今天我們來分享一款基於jquery和html5的聖誕節動畫特效,應該說這款動畫主要是由jquery製作完成,中間利用了一些css3和html5的相關特性,來完成了聖誕夜雪花飛舞的動畫效果。雖然今年的聖誕節還早,但你可以把這款動畫保留到那天,送給你喜歡的人。
這是一款樣式很酷的jquery/css3下拉列表,首先這款css3選單是寬屏的,主要是下拉列表非常大氣,更重要的是,下拉列表的內容可以自己定義,也就是說,下拉列表中可以定義選單、等html元素,是一款非常實用的jquery/css3下拉列表外掛程式。
今天我們要來分享一款基於jquery的焦點圖外掛程式,這款jquery焦點圖功能十分強大,有以下兩個特點:第一是焦點圖帶有縮圖預覽,當滑鼠滑過對應的按鈕時,即可彈出縮圖;第二是焦點圖的滑塊內容可以自定義,可以是,也可以是任何html元素,因此也非常的靈活。另外,焦點圖的切換動畫也有多種,非常炫酷。
今天我們再來分享一款非常華麗的html5/css3 3d動畫特效,儘管它目前很少能在專案中應用,但從原始碼中我們可以學到很多html5 3d動畫的製作知識。這是一款紙片摺疊動畫特效,利用html5和css3的相關特性,我們可以將一張張紙片摺疊起來,形成很酷的3d動畫效果。
今天我們要來介紹一款基於css3的垂直動畫選單,這款css3選單的特點是選單項有乙個非常特別的背景,並且背景可隨著滑鼠滑過而滑動,挺有創意的滑動動畫。這款css3選單是垂直樣式的,很適合做網頁的側邊欄選單。
這次我們要來分享一款基於html5的特效,這款html5特效的功能是可以在上方顯示各種各樣的文字描述,當滑鼠滑過時即可展示這些文字描述。更主要的是,這款html5文字描述提供多種動畫特效,當你把滑鼠滑過時將會有多種文字描述效果。
這款css3動畫非常特別,它展現在我們眼前的是乙隻手掌,手掌下方有乙個滑動按鈕,點選按鈕即可切換手勢,目前可以切換兩種不同的手勢。這款css3手勢變換動畫還是相當酷的,另外之前也分享過html5 3d手掌動畫,效果也非常不錯。
這又是一款基於css3的下拉列表,和上一款純css3黑色氣泡背景動畫選單相比,這款css3選單是多級下拉的。選單的背景非常清新,當滑鼠滑過父選單時,即可展開子選單,並且在選單展開的過程中伴隨著很不錯的動畫效果。
7個華麗的基於Canvas的HTML5動畫
說起html5,可能讓你印象更深的是其基於canvas的動畫特效,雖然canvas在html5中的應用並不全都是動畫製作,但其動畫效果確實讓人震驚。本文收集了7個最讓人難忘的html5 canvas動畫,包括畫板 文字 圖表等,希望你會喜歡。html5 canvas還有乙個比較實用的應用,那就是網路...
玩轉HTML5移動頁面 動效篇
原文 作為一名前端,在拿到設計稿時你有兩種選擇 1.快速輸出靜態頁面 2.加上高階大氣上檔次狂拽炫酷屌炸天的動畫讓頁面動起來 作為乙個有志向的前端,當然是選2啦!可是需求時間又很短很短,怎麼辦呢?這次就來談談一些動畫設計的小技巧,能在你時間不多又沒有動畫想法的時候瞬間讓頁面增色不少。同時也會談及移動...
基於HTML5 Webkit實現樹葉飄落動畫
實現如圖所示的東西效果 落葉下落 html html5樹葉飄落動畫 css type text css 這是基於webkit的落葉動畫 css body container leafcontainer message em leafcontainer div leafcontainer div im...