陰影波紋特效
|
1.元素hover效果
2.突出表現效果
|
http://www.jq22.com/code80
|
|---|
橫板導航菜單動畫
|
導航菜單
|
http://www.jq22.com/code181
|
|---|
橫板導航菜單動畫2
|
導航菜單
|
http://www.jq22.com/code195
|
|---|
豎板導航菜單動畫
|
導航菜單
|
http://www.jq22.com/code480
|
|---|
圓形導航菜單動畫
|
導航菜單
|
http://www.jq22.com/code816
|
|---|
環形導航菜單動畫
|
導航菜單
|
http://www.jq22.com/code681
|
|---|
三角形導航菜單動畫
|
導航菜單
|
http://www.jq22.com/code621
|
|---|
圖標按鈕特效
|
收藏、喜歡、書籤按鈕
|
http://www.jq22.com/code278
|
|---|
“喜歡”按鈕點擊特效
|
喜歡、點贊按鈕
|
http://www.jq22.com/code435
|
|---|
Twitter點贊動畫
|
喜歡、點贊按鈕
|
http://www.jq22.com/code221
|
|---|
下拉列表特效
|
下拉列表
|
http://www.jq22.com/code115
|
|---|
導航菜單下劃線跟隨鼠標
|
導航菜單
|
http://www.jq22.com/code805
|
|---|
導航菜單下劃線跟隨鼠標2
|
導航菜單
|
http://www.jq22.com/code809
|
|---|
導航菜單下劃線跟隨鼠標3
|
導航菜單
|
http://www.jq22.com/code604
|
|---|
彩虹預加載動畫
|
Loading動畫
|
http://www.jq22.com/code811
|
|---|
旋轉加載動畫
|
Loading動畫
|
http://www.jq22.com/code696
|
|---|
旋轉加載動畫2
|
Loading動畫
|
http://www.jq22.com/code591
|
|---|
小球旋轉加載動畫
|
Loading動畫
|
http://www.jq22.com/code515
|
|---|
小球旋轉加載動畫2
|
Loading動畫
|
http://www.jq22.com/code171
|
|---|
小球跳動加載動畫
|
Loading動畫
|
http://www.jq22.com/code538
|
|---|
Android 牛軋糖加載動畫
|
Loading動畫
|
http://www.jq22.com/code496
|
|---|
按鈕遮罩動畫
|
模仿Material Design按鈕點擊Ripple效果
|
http://www.jq22.com/code798
|
|---|
按鈕遮罩動畫2
|
按鈕hover效果
|
http://www.jq22.com/code718
|
|---|
按鈕遮罩動畫3
|
模仿Material Design按鈕點擊Ripple效果
|
http://www.jq22.com/code676
|
|---|
按鈕懸停動畫
|
按鈕、鏈接的懸停效果
|
http://www.jq22.com/code795
|
|---|
按鈕懸停動畫2
|
按鈕的懸停效果
|
http://www.jq22.com/code678
|
|---|
按鈕懸停動畫3
|
按鈕的懸停效果
|
http://www.jq22.com/code638
|
|---|
按鈕懸停動畫4
|
按鈕的懸停效果
|
http://www.jq22.com/code482
|
|---|
文字遮罩動畫
|
文字的懸停效果
|
http://www.jq22.com/code391
|
|---|
按鈕背景滑動動畫
|
1.默認按鈕的展現
2.按鈕hover效果
|
http://www.jq22.com/code782
|
|---|
div+css偷窺的小狗
|
Loading動畫
|
http://www.jq22.com/code776
|
|---|
div+css顛倒的貓
|
Loading動畫
|
http://www.jq22.com/code546
|
|---|
div+css氣球動畫
|
頁面背景
|
http://www.jq22.com/code661
|
|---|
switch切換按鈕
|
switch切換按鈕
|
http://www.jq22.com/code770
|
|---|
翻轉效果的switch切換按鈕
|
switch切換按鈕
|
http://www.jq22.com/code174
|
|---|
標題滾動動畫
|
頁面標題排比句
|
http://www.jq22.com/code764
|
|---|
定向感知hover懸停
|
展示欄hover效果
|
http://www.jq22.com/code758
|
|---|
頁面滾動延遲
|
長頁面各個section的切換
|
http://www.jq22.com/code734
|
|---|
卡片3D視差
|
頁面banner
|
http://www.jq22.com/code717
|
|---|
卡片3D視差2
|
帶背景圖片的卡片元素
|
http://www.jq22.com/code608
|
|---|
卡片和文件夾動畫
|
可以收起的卡片元素
|
http://www.jq22.com/code414
|
|---|
文字模糊動畫
|
文字展示
|
http://www.jq22.com/code695
|
|---|
文字填充動畫
|
文字展示
|
http://www.jq22.com/code445
|
|---|
文字亂碼動畫
|
文字展示
|
http://www.jq22.com/code431
|
|---|
3D選項卡
|
選項卡
|
http://www.jq22.com/code650
|
|---|
3D翻轉卡
|
卡片元素的翻轉
|
http://www.jq22.com/code630
|
|---|
3D翻轉卡2
|
卡片元素的翻轉
|
http://www.jq22.com/code436
|
|---|
3D旋轉卡
|
卡片元素的hover效果
|
http://www.jq22.com/code572
|
|---|
文本框獲得焦點的動畫
|
表單
|
http://www.jq22.com/code585
|
|---|
選項卡的豎直手風琴效果
|
頁面banner
|
http://www.jq22.com/code551
|
|---|
天氣圖標動畫
|
天氣預報
|
http://www.jq22.com/code542
|
|---|
喜怒無常的氣球滑塊
|
用戶體驗調查滑塊等
|
http://www.jq22.com/code403
|
|---|
表情變化動畫
|
用戶體驗調查
|
http://www.jq22.com/code255
|
|---|
谷歌滑塊
|
滑塊
|
http://www.jq22.com/code335
|
|---|
img的hover效果
|
圖片展示欄的hover效果
|
http://www.jq22.com/code365
|
|---|
通知彈出效果
|
UI底邊欄的通知彈出
|
http://www.jq22.com/code300
|
|---|
圓形卡片式工具欄
|
工具\操作欄
|
http://www.jq22.com/code298
|
|---|
可拖動排序的列表
|
可拖動排序的列表
|
http://www.jq22.com/code222
|
|---|
工具欄動畫
|
剪切、複製、刪除，分享按鈕動畫
|
http://www.jq22.com/code101
|
|---|
banner切換動畫
|
頁面banner下方小圓點
|
http://www.jq22.com/code145
|
|---|
彈性下拉刷新
|
頁面下拉刷新
|
http://www.jq22.com/code79 |
|---|
