建站
咨詢
售后
建站咨詢
新聞中心
1.imagehover
甘南ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景，ssl證書(shū)未來(lái)市場(chǎng)廣闊！成為創(chuàng)新互聯(lián)公司的ssl證書(shū)銷(xiāo)售渠道，可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠！如果有意向歡迎電話聯(lián)系或者加微信：18982081108（備注：SSL證書(shū)合作）期待與您的合作！
地址：https://github.com/ciar4n/imagehover.css
imagehover.css- 純CSS3鼠標(biāo)滑過(guò)圖片效果動(dòng)畫(huà)庫(kù)，44種鼠標(biāo)滑過(guò)效果
2. ImageTiltEffect
地址：https://github.com/codrops/ImageTiltEffect
TiltEffect是一款讓圖像跟隨鼠標(biāo)產(chǎn)生微妙立體傾斜效果的插件，使其有層次感和深度感。
3.Magnifier.js
地址：https://github.com/mark-rolich/Magnifier.js
Magnifier 是一款實(shí)用純js制作的圖片放大鏡插件。它有以下一些特定：
- 可以使用鼠標(biāo)滾輪放大縮小圖片。
- 可以通過(guò)js或data屬性來(lái)設(shè)置選項(xiàng)。
- 一次調(diào)用可以附加多張圖片。
- 用戶可以自定義鼠標(biāo)進(jìn)入、離開(kāi)、移動(dòng)事件。
- 加載大圖片時(shí)可以顯現(xiàn)等待文本。
4.gl-react-image-effects
地址：https://github.com/gre/gl-react-image-effects
通用的withReact示例應(yīng)用程序與 Web。iOS和Android實(shí)現(xiàn)一起運(yùn)行一個(gè)代碼庫(kù)( 一些特定的代碼被設(shè)計(jì)成在平臺(tái)上創(chuàng)建不同的UI )。
5.StickyImageEffect
受ultanoir網(wǎng)站啟發(fā)的幻燈片顯示，具有粘性圖像效果。
地址：https://github.com/Anemolo/StickyImageEffect
6.HeatDistortionEffect
WebGL熱變形效果全屏背景。
地址：https://github.com/lbebber/HeatDistortionEffect
7.ImageDraggingEffects
使用各種技術(shù)為圖像設(shè)置的一組有趣的拖動(dòng)效果。
地址:https://github.com/codrops/ImageDraggingEffects
8.jQuery.BgSwitcher
jQuery.BgSwitcher實(shí)現(xiàn)背景圖像切換效果。
地址:https://github.com/rewish/jquery-bgswitcher
9.FullImageReveal
一個(gè)完整的圖像顯示精美的縮略圖滑動(dòng)效果。
地址:https://github.com/codrops/FullImageReveal
10.diaporama
Diaporama是一種圖像/視頻/內(nèi)容幻燈片引擎，提供高質(zhì)量的動(dòng)畫(huà)效果，包括Kenburns效果和GLSL Transitions。
地址:https://github.com/gre/diaporama
11. FollowCursor
圖像的旋轉(zhuǎn)跟隨光標(biāo)移動(dòng)而變化。
地址:https://github.com/bersLucas/FollowCursor
12.react-native-kenburns-view
KenBurns 用于React Native應(yīng)用程序的圖像效果
地址: https://github.com/nHiRanZ/react-native-kenburns-view
13.vintageJS
VINTAGEJS 是一個(gè)jQuery插件，它使用HTML5 canvas為你的圖像/照片添加驚嘆的復(fù)古效果。它預(yù)置了三種效果，并且可以很容易定制。
地址:https://github.com/lindelof/awesome-web-effect
14.ThumbnailGridExpandingPreview
有關(guān)如何使用擴(kuò)展的圖像預(yù)覽創(chuàng)建縮略圖網(wǎng)格的教程，類似于在Google圖片上看到的效果。
地址：https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/
15.gridder
一個(gè)jQuery插件，顯示縮略圖網(wǎng)格擴(kuò)展預(yù)覽，類似于在Google圖片上看到的效果。
地址:https://github.com/oriongunning/gridder
16.MotionTransitionEffect
圖像幻燈片的快速運(yùn)動(dòng)過(guò)渡效果。
地址:https://github.com/codrops/MotionTransitionEffect
17.tiltedpage_scroll
tiltedpage_scroll.js是一款支持鼠標(biāo)滾動(dòng)、設(shè)置圖片角度的一款插件。當(dāng)頁(yè)面滾動(dòng)的時(shí)候，圖片會(huì)有傾斜3D的效果，作為產(chǎn)品展示是個(gè)不錯(cuò)的選擇。
地址:http://peachananr.github.io/tiltedpage_scroll/demo/tiltedpage_scroll_demo.html
作者：lindelof 譯者：前端小智 來(lái)源:github 原文：https://github.com/lindelof/awesome-web-effect
本文轉(zhuǎn)載自微信公眾號(hào)「大遷世界」，可以通過(guò)以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系大遷世界公眾號(hào)。
分享名稱：17個(gè)實(shí)用的圖像特效庫(kù)
路徑分享：http://fisionsoft.com.cn/article/dhpssog.html
