C'est comme décorer un magnifique sapin de Noël dans votre chambre. Parfois, une petite page Web avec un effet sympa peut faire briller votre projet. Il s'agit d'une série vraiment amusante qui partage des effets d'image sympas que l'on trouve couramment sur les pages.
Adresse : https://github.com/ciar4n/imagehover.css
imagehover.css - souris CSS3 pure sur la bibliothèque d'animation d'effets d'image, 44 effets de survol de la souris
Adresse : https://github.com/codrops/ImageTiltEffect
TiltEffect C'est un plug -in qui permet à l'image de suivre la souris pour produire un subtil effet d'inclinaison tridimensionnelle, lui donnant une impression de superposition et de profondeur.
Adresse : https://github.com/mark-rolich/Magnifier.js
Magnifier Il s'agit d'un plug-in de loupe d'image pratique créé par pure js. Il possède les fonctionnalités suivantes :
Adresse : https://github.com/gre/gl-react-image -effets
Universel avec exemple d'application et Web React. Les implémentations iOS et Android exécutent ensemble une base de code (certains codes spécifiques sont conçus pour créer différentes interfaces utilisateur sur la plateforme).
[Le transfert de l'image du lien externe a échoué. Le site source peut avoir un mécanisme anti-sangsue. Il est recommandé de sauvegarder l'image et de la télécharger directement (img-6q6PdMWo-1607906041866)(/img/bVbKV43)]
[ Le transfert de l'image du lien externe a échoué. Le site source peut avoir un mécanisme anti-sangsue. Il est recommandé de sauvegarder l'image et de la télécharger directement (img-Rvwi5mHU-1607906041870)(/img/bVbKV49)]
Diaporama inspiré du site Web d'ultanoir avec des effets d'image collants.
Adresse : https://github.com/Anemolo/StickyImageEffect
[Le transfert d'image du lien externe a échoué. Le site source peut avoir un mécanisme anti-sangsue. Il est recommandé de sauvegarder le. image et téléchargez-la directement (img -eMaWbN9k-1607906041871)(https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/66/11111117123.gif)]
Fond plein écran avec effet de déformation thermique WebGL.
Adresse : https://github.com/lbebber/HeatDistortionEffect
[Le transfert de l'image du lien externe a échoué. Le site source peut avoir un mécanisme anti-sangsue. Il est recommandé de sauvegarder le. image et téléchargez-la directement (img -xC5TrFBm-1607906041871)(https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/66/11111117124.gif)]
Un ensemble d'effets de glisser intéressants pour les images utilisant diverses techniques.
Adresse : https://github.com/codrops/ImageDraggingEffects
Contexte de la mise en œuvre de jQuery.BgSwitcher Effet de changement d'image.
Adresse : https://github.com/rewish/jquery-bgswitcher
[Le transfert d'image du lien externe a échoué. Le site source peut avoir un mécanisme anti-sangsue. Il est recommandé de le faire. enregistrez l'image et téléchargez-la directement (img-IGxWVx9I-1607906041874)(https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/66/11111117126.gif)]
Un affichage d'image complet avec un bel effet de glissement de vignettes.
Adresse : https://github.com/codrops/FullImageReveal
Diaporama est une image/vidéo/ Moteur de diaporama de contenu qui fournit des effets d'animation de haute qualité, notamment des effets Kenburns et des transitions GLSL.
Adresse : https://github.com/gre/diaporama
[Le transfert de l'image du lien externe a échoué. Le site source peut avoir un mécanisme anti-sangsue. Il est recommandé de sauvegarder le. image et téléchargez-la directement (img -KWmJkOnn-1607906041876)(https://klxxcdn.oss-cn-hangzhou.aliyuncs.com/histudy/hrm/media/66/11111117128.gif)]
La rotation de l'image change à mesure que le curseur se déplace.
Adresse : https://github.com/bersLucas/FollowCursor
KenBurns Effets d'image pour les applications React Native
Adresse : https://github.com/nHiRanZ/react-native-kenburns-view
Tout le monde a dit qu'il n'y avait pas de projet à écrire sur leur CV, alors je vous ai aidé à trouver un projet et j'ai également inclus un [tutoriel de construction].
VINTAGEJS est un plug-in jQuery qui utilise un canevas HTML5 pour ajouter de superbes effets vintage à vos images/photos. Il est livré avec trois effets prédéfinis et peut être facilement personnalisé.
Adresse : https://github.com/lindelof/awesome-web-effect
Un tutoriel sur la façon de créer une grille de vignettes à l'aide d'aperçus d'images étendus, similaire à l'effet observé sur Google Images.
Adresse : https://tympanus.net/Tutorials/ThumbnailGridExpandingPreview/
Un plug-in jQuery qui affiche des vignettes Une grille de vignettes agrandit l'aperçu, semblable à ce que vous voyez sur Google Images.
Adresse : https://github.com/oriongunning/gridder
Transition de mouvement rapide pour les diapositives d'images Effet .
Adresse : https://github.com/codrops/MotionTransitionEffect
tiltedpage_scroll.js est un support A plug-in pour le défilement de la souris et le réglage de l'angle de l'image. Lorsque la page défile, l'image aura un effet 3D incliné, ce qui est un bon choix pour l'affichage du produit.
Adresse : http://peachananr.github.io/tiltedpage_scroll/demo/tiltedpage_scroll_demo.html
Adresse originale : https:// github.com/lindelof/awesome-web-effect
Auteur : lindelof
Traduction : Front-end Xiaozhi
Pour plus de connaissances liées à la programmation, veuillez visiter :Enseignement de la programmation! !
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
