Home >Web Front-end >JS Tutorial >17 cool and useful image effects libraries
It's like decorating a beautiful Christmas tree in your room. Sometimes, a small web page with a cool effect can make your project shine. This is a really fun series that shares some cool image effects commonly found on pages.
Address: https://github.com/ciar4n/imagehover.css
imagehover.css-Pure CSS3 mouse over image effect animation library, 44 mouse over effects
Address: https://github.com/codrops/ImageTiltEffect
TiltEffect It is a plug-in that allows the image to follow the mouse to produce a subtle three-dimensional tilt effect, giving it a sense of layering and depth.
Address: https://github.com/mark-rolich/Magnifier.js
Magnifier It is a practical picture magnifying glass plug-in made by pure js. It has the following specific features:
Address: https://github.com/gre/gl-react-image -effects
Universal withReact sample app and web. The iOS and Android implementations run together a code base (some specific code is designed to create different UI on the platform).
[The external link image transfer failed. The source site may have an anti-leeching mechanism. It is recommended to save the image and upload it directly (img-6q6PdMWo-1607906041866)(/img/bVbKV43)]
[ The external link image transfer failed. The source site may have an anti-leeching mechanism. It is recommended to save the image and upload it directly (img-Rvwi5mHU-1607906041870)(/img/bVbKV49)]
##12.react-native-kenburns-view
Address: https://github.com/nHiRanZ/react-native-kenburns-view
Everyone said that there is no project to write on the resume, so I helped you find a project and also included a [Building Tutorial].13.vintageJS
Address: https://github.com/lindelof/awesome-web-effect
Руководство о том, как создать сетку миниатюр с использованием расширенного предварительного просмотра изображений, аналогично эффекту, наблюдаемому в Google Images.
Адрес: https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/
##15.gridder Плагин jQuery, который отображает аббревиатуру. Сетка миниатюр расширяет область предварительного просмотра, аналогично тому, что вы видите в Google Images. Адрес: https://github.com/oriongunning/gridder 16.MotionTransitionEffectБыстрый переход слайдов изображений Эффект . Адрес: https://github.com/codrops/MotionTransitionEffect 17.tiltedpage_scrolltiltedpage_scroll.js — это поддержка A плагин для прокрутки мышью и установки угла изображения. При прокрутке страницы изображение будет иметь наклонный 3D-эффект, что является хорошим выбором для демонстрации продукта. Адрес: http://peachananr.github.io/tiltedpage_scroll/demo/tiltedpage_scroll_demo.html ##Исходный адрес: https:// github.com/lindelof/awesome-web-effectОбучение программированиюАвтор: lindelof
Перевод: Front-end Xiaozhi
Для получения дополнительной информации о программировании посетите:
The above is the detailed content of 17 cool and useful image effects libraries. For more information, please follow other related articles on the PHP Chinese website!