7款很實用的jQuery/CSS3插件及源碼下載

一、HTML5 3D立方體動畫 立方體可任意翻轉

以前咱們分享過不少基於HTML5的立方體動畫了,有些是基於Canvas的動畫特效,好比這款HTML5 webkit 3D立方體圖片旋轉滑塊應用,就很不錯。此次要分享的這款HTML5 3D立方體動畫比較普通,它能夠本身不停的旋轉以凸顯其3D的魅力。css

html5-3d-cube-animation

在線演示        源碼下載html

二、jQuery實現馬賽克圖片拼接翻轉動畫

以前咱們分享過不少炫酷的jQuery圖片特效,有空你們能夠看看。今天咱們要再來分享一款基於jQuery的圖片特效,它的效果是圖片馬賽克翻轉動畫,而且將這些馬賽克塊狀圖片拼接起來組成一張完整的圖片,翻轉動畫很是的酷。html5

jquery-image-masaike-roll

在線演示        源碼下載jquery

三、HTML5/CSS3立方體翻轉3D全屏焦點圖

今天咱們要來分享一款很是大氣的HTML5/CSS3 3D全屏焦點圖,在頁面兩側,有兩個很立體的左右箭頭進行圖片切換。這款HTML5焦點圖的圖片切換方式是3D效果的,相似立方體翻轉同樣,焦點圖默認顯示文字,咱們已經將文字替換成圖片,效果更酷。css3

html5-3d-cube-image-player

在線演示        源碼下載web

四、兩款CSS3鼠標懸停菜單動畫

此次要分享的是很是實用而簡潔的CSS3動畫菜單,這款CSS3菜單有兩種動畫效果,第一種效果是鼠標滑過菜單項時會切換成漂亮的背景色,並伴有滑過動畫。第二種是鼠標滑過菜單項時文字放大特效。這兩種菜單動畫效果實現都很簡單,但很是實用。canvas

2-css3-mouse-over-menu

在線演示        源碼下載ide

五、HTML5 Canvas萬花筒動畫特效

這是一款利用HTML5 Canvas技術實現的萬花筒動畫特效,動畫開始時,逐漸生成一些隨機顏色的矩形方塊,而後就不停的旋轉,就像萬花筒同樣,矩形方塊愈來愈小。惟一一點缺陷就是不能像真實萬花筒那樣出現各類各樣漂亮的圖案。動畫

html5-canvas-million-flower

在線演示        源碼下載網站

六、jQuery文本搜索查找插件 支持模糊查找和文字描紅

今天咱們來分享一款實用點的jQuery插件,它能夠完成根據用戶輸入關鍵詞進行模糊查找內容中的類似文本,這款jQuery搜索查找插件能夠容許你一邊輸入一遍搜索,效率很是高。同時,對於查找結果文字能夠描紅顯示,jQuery支持,兼容性很不錯。

jquery-text-seach

在線演示        源碼下載

七、CSS3實現自定義checkbox動畫

咱們在html5tricks網站上分享過不少的CSS3自定義checkbox,改造過的checkbox確實比默認的漂亮。今天咱們要再來分享一款CSS3自定義checkbox,並且這款checkbox還帶有動畫效果,當你選中checkbox的時候,會以動畫的方式打上一個大大的勾。

css3-checkbox-animation

在線演示        源碼下載

以上就是7款很實用的jQuery/CSS3插件,歡迎收藏分享。轉載請註明原文連接:http://www.html5tricks.com/7-useful-jquery-css3-plugins.html

相關文章
相關標籤/搜索