程序猿必備的8款web前端開發插件三

1.HTML5 Canvas 3D波浪翻滾動畫

以前咱們分享過好幾款基於HTML5 Canvas的波浪和水波紋動畫,好比這款HTML5 3D波浪起伏動畫特效和這款超酷無比的HTML5 WebGL水面水波盪漾特效。今天咱們要介紹一款也是基於HTML5 Canvas的波浪翻滾動畫,它一樣有着3D立體的視覺效果,同時波浪在起伏時也伴隨的浪花洶涌的動畫特效,看上去很是炫酷。css

在線演示html

源碼下載前端

2.jQuery實現Tooltip彈出樣式的分享按鈕

這是一款比較實用而美觀的jQuery分享按鈕插件,和前面分享又一波CSS3社會化分享圖標 可旋轉和懸停和一大波CSS3社會化分享圖標按鈕相比,這款分享按鈕並無提供大量的社交網站的按鈕圖標,可是它的特色是點擊分享按鈕時,會以Tooltip彈出框的樣式顯示分享按鈕,而且在彈出時伴隨着左右搖晃的動畫特效。html5

在線演示jquery

源碼下載css3

3.超酷的jQuery帶驗證登陸表單 註冊登陸可自由切換

今天咱們要給你們帶來一款很是實用的jQuery登陸表單插件,這款jQuery登陸表單的特色是能夠對一些註冊登陸時經常使用的字段類型進行簡單的驗證,好比電子郵件格式和必填檢查。另外還有一個特色是咱們能夠在同一個頁面完整註冊或者登陸操做,方便用戶在不跳轉頁面的狀況下進行註冊或者登陸。canvas

在線演示瀏覽器

源碼下載安全

4.純CSS3實現個性化笑臉表情開關切換按鈕

很早之前,我給你們分享過不少比較有特點的自定義開關切換按鈕,主要是用這些開關切換按鈕來替換瀏覽器默認的單選框和複選框。此次我給你們帶來另一款基於純CSS3的個性化開關切換按鈕,這個「開關」是一個笑臉和哭臉切換的小圖標表情,很是可愛。服務器

在線演示

源碼下載

5.HTML5 Canvas 3D線條凹凸人物頭像

美術是一項神奇的技術,就像這款HTML5 Canvas頭像同樣,僅僅用線條的凹凸走向,就能夠繪製出一個3D樣式的人物頭像。這款人物頭像是在HTML5 Canvas畫布上繪製而成,而且能夠隨着鼠標移動而呈現不一樣角度的觀察效果。

在線演示

源碼下載

6.HTML5 Canvas 液體流動樣式Loading加載動畫

以前咱們分享過不少基於jQuery和HTML5的Loading加載動畫,好比這款HTML5 Canvas發光Loading動畫就是基於Canvas的。今天咱們要分享另一款基於HTML5 Canvas的液體流動樣式Loading加載動畫,這款Loading動畫在加載時會呈現液體流動的動畫效果,而且因爲和背景顏色的對比,也略微呈現發光的動畫效果。

在線演示

源碼下載

7.純CSS3實現會跳舞的動畫樹

以前咱們分享過一款基於HTML5 SVG的跳舞花朵,很是的可愛。今天咱們要介紹一款純CSS3實現的會跳舞的動畫樹,首先咱們用CSS3繪製樹枝和樹葉,注意樹枝的畫法是利用了二叉樹原理,在樹枝最末端繪製樹葉。同時樹枝能夠任意方向搖擺,造成跳舞的動畫效果。

在線演示

源碼下載

8.jQuery前端驗證碼插件 支持多種驗證方式

目前有不少種形式的網頁表單驗證碼,有相對傳統的圖片驗證碼、語音驗證碼,也有比較智能的雲端驗證碼。今天咱們要分享一款基於jQuery的前端驗證碼插件,這款插件支持大部分形式的驗證碼方式,有圖片文字方式、滑塊方式等,固然咱們只要將驗證碼特徵值保存在服務器上,就能夠實現比較安全的表單提交驗證了。

在線演示

源碼下載

相關文章
相關標籤/搜索