Update render script and Makefile
This commit is contained in:
@@ -1,11 +1,11 @@
|
||||
[38;5;12m [39m[38;2;255;187;0m[1m[4mawesome-web-effect[0m
|
||||
[38;5;12m [39m[38;2;255;187;0m[1m[4mawesome-web-effect[0m
|
||||
|
||||
[38;5;14m[1m![0m[38;5;12mAwesome[39m[38;5;14m[1m (https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)[0m[38;5;12m (https://github.com/sindresorhus/awesome)[39m
|
||||
|
||||
[38;2;255;187;0m[4m🚀 A series of exquisite and compact web page cool effects[0m
|
||||
|
||||
[38;5;12mIt's[39m[38;5;12m [39m[38;5;12mlike[39m[38;5;12m [39m[38;5;12mdecorating[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mbeautiful[39m[38;5;12m [39m[38;5;12mChristmas[39m[38;5;12m [39m[38;5;12mtree[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mroom.[39m[38;5;12m [39m[38;5;12mSometimes[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12msmall[39m[38;5;12m [39m[38;5;12mweb[39m[38;5;12m [39m[38;5;12mpage[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12mcool[39m[38;5;12m [39m[38;5;12meffects[39m[38;5;12m [39m[38;5;12mwill[39m[38;5;12m [39m[38;5;12mmake[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mproject[39m[38;5;12m [39m[38;5;12mshine.[39m[38;5;12m [39m[38;5;12mThis[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mvery[39m[38;5;12m [39m[38;5;12mfun[39m[38;5;12m [39m[38;5;12mseries,[39m[38;5;12m [39m[38;5;12mI[39m[38;5;12m [39m[38;5;12mwant[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcollect[39m[38;5;12m [39m[38;5;12mthose[39m[38;5;12m [39m[38;5;12mcool[39m[38;5;12m [39m[38;5;12meffects[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mare[39m[38;5;12m [39m
|
||||
[38;5;12mcommon[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mpage.[39m
|
||||
[38;5;12mIt's[39m[38;5;12m [39m[38;5;12mlike[39m[38;5;12m [39m[38;5;12mdecorating[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mbeautiful[39m[38;5;12m [39m[38;5;12mChristmas[39m[38;5;12m [39m[38;5;12mtree[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mroom.[39m[38;5;12m [39m[38;5;12mSometimes[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12msmall[39m[38;5;12m [39m[38;5;12mweb[39m[38;5;12m [39m[38;5;12mpage[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12mcool[39m[38;5;12m [39m[38;5;12meffects[39m[38;5;12m [39m[38;5;12mwill[39m[38;5;12m [39m[38;5;12mmake[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mproject[39m[38;5;12m [39m[38;5;12mshine.[39m[38;5;12m [39m[38;5;12mThis[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mvery[39m[38;5;12m [39m[38;5;12mfun[39m[38;5;12m [39m[38;5;12mseries,[39m[38;5;12m [39m[38;5;12mI[39m[38;5;12m [39m[38;5;12mwant[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcollect[39m[38;5;12m [39m[38;5;12mthose[39m[38;5;12m [39m[38;5;12mcool[39m[38;5;12m [39m
|
||||
[38;5;12meffects[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mare[39m[38;5;12m [39m[38;5;12mcommon[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mpage.[39m
|
||||
|
||||
[38;5;12mNot limited to any framework (react, vue, angular, etc.), as long as the effect can be simply inserted into the page, you can send it to me, I like them and hope you like them too.[39m
|
||||
|
||||
@@ -23,19 +23,20 @@
|
||||
[38;5;12m- [39m[38;5;14m[1mjquery-bgswitcher[0m[38;5;12m (https://github.com/rewish/jquery-bgswitcher) - Switch the background-image with using effect.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mBackgroundScaleHoverEffect[0m[38;5;12m (https://github.com/codrops/BackgroundScaleHoverEffect) - Recreation of the background scale hover effect seen on the DDD Hotel website using CSS clip paths.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mImageGridMotionEffect[0m[38;5;12m (https://github.com/codrops/ImageGridMotionEffect) - A motion hover effect for a background grid of images..[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mjquery.adaptive-backgrounds.js[0m[38;5;12m [39m[38;5;12m(https://github.com/briangonzalez/jquery.adaptive-backgrounds.js)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mA[39m[38;5;12m [39m[38;5;12msimple[39m[38;5;12m [39m[38;5;12mjQuery[39m[38;5;12m [39m[38;5;12mplugin[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mextract[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mdominant[39m[38;5;12m [39m[38;5;12mcolor[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12man[39m[38;5;12m [39m[38;5;12mimage[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mapply[39m[38;5;12m [39m[38;5;12mit[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mbackground[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mits[39m[38;5;12m [39m[38;5;12mparent[39m[38;5;12m [39m
|
||||
[38;5;12melement.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mfixed-background-effect[0m[38;5;12m (https://github.com/CodyHouse/fixed-background-effect) - A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mjquery-warpdrive-plugin[0m[38;5;12m [39m[38;5;12m(https://github.com/NiklasKnaack/jquery-warpdrive-plugin)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mWarp[39m[38;5;12m [39m[38;5;12mdrive[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mlightweight[39m[38;5;12m [39m[38;5;12mjQuery[39m[38;5;12m [39m[38;5;12mplugin[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mhelps[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mcool,[39m[38;5;12m [39m[38;5;12minteractive,[39m[38;5;12m [39m[38;5;12mconfigurable,[39m[38;5;12m [39m[38;5;12mHTML5[39m[38;5;12m [39m[38;5;12mcanvas[39m[38;5;12m [39m[38;5;12mbased[39m[38;5;12m [39m[38;5;12mwarp[39m[38;5;12m [39m
|
||||
[38;5;12mdrive/starfield[39m[38;5;12m [39m[38;5;12meffect.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mjquery.adaptive-backgrounds.js[0m[38;5;12m [39m[38;5;12m(https://github.com/briangonzalez/jquery.adaptive-backgrounds.js)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mA[39m[38;5;12m [39m[38;5;12msimple[39m[38;5;12m [39m[38;5;12mjQuery[39m[38;5;12m [39m[38;5;12mplugin[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mextract[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mdominant[39m[38;5;12m [39m[38;5;12mcolor[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12man[39m[38;5;12m [39m[38;5;12mimage[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mapply[39m[38;5;12m [39m[38;5;12mit[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m
|
||||
[38;5;12mbackground[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mits[39m[38;5;12m [39m[38;5;12mparent[39m[38;5;12m [39m[38;5;12melement.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mfixed-background-effect[0m[38;5;12m [39m[38;5;12m(https://github.com/CodyHouse/fixed-background-effect)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mA[39m[38;5;12m [39m[38;5;12msimple[39m[38;5;12m [39m[38;5;12mtemplate[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mtakes[39m[38;5;12m [39m[38;5;12madvantage[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mbackground-attachment[39m[38;5;12m [39m[38;5;12mCSS[39m[38;5;12m [39m[38;5;12mproperty[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mfixed[39m[38;5;12m [39m
|
||||
[38;5;12mbackground[39m[38;5;12m [39m[38;5;12meffect.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mjquery-warpdrive-plugin[0m[38;5;12m [39m[38;5;12m(https://github.com/NiklasKnaack/jquery-warpdrive-plugin)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mWarp[39m[38;5;12m [39m[38;5;12mdrive[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mlightweight[39m[38;5;12m [39m[38;5;12mjQuery[39m[38;5;12m [39m[38;5;12mplugin[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mhelps[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mcool,[39m[38;5;12m [39m[38;5;12minteractive,[39m[38;5;12m [39m[38;5;12mconfigurable,[39m[38;5;12m [39m[38;5;12mHTML5[39m[38;5;12m [39m
|
||||
[38;5;12mcanvas[39m[38;5;12m [39m[38;5;12mbased[39m[38;5;12m [39m[38;5;12mwarp[39m[38;5;12m [39m[38;5;12mdrive/starfield[39m[38;5;12m [39m[38;5;12meffect.[39m
|
||||
|
||||
|
||||
[38;2;255;187;0m[4mMouse Effect[0m
|
||||
[38;5;12m- [39m[38;5;14m[1mmouse-particles[0m[38;5;12m (https://github.com/lindelof/react-mouse-particles) - AboutA mouse particle effect react component[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mImageTrailEffects[0m[38;5;12m (https://github.com/codrops/ImageTrailEffects) - A set of effects for mouse-following image trails that show a random series of images.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mwebgl-mouseover-effects[0m[38;5;12m (https://github.com/akella/webgl-mouseover-effects) - Demos for the tutorial on how to achieve an interactive mouseover/hover effect[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mcursor-effectss[0m[38;5;12m [39m[38;5;12m(https://github.com/tholman/cursor-effects)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mOnly[39m[38;5;12m [39m[38;5;12m90's[39m[38;5;12m [39m[38;5;12mkids[39m[38;5;12m [39m[38;5;12mremember...[39m[38;5;12m [39m[38;5;12mwell[39m[38;5;12m [39m[38;5;12mnot[39m[38;5;12m [39m[38;5;12mreally,[39m[38;5;12m [39m[38;5;12mbut[39m[38;5;12m [39m[38;5;12mthese[39m[38;5;12m [39m[38;5;12mbeloved[39m[38;5;12m [39m[38;5;12meffects[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mwould[39m[38;5;12m [39m[38;5;12mfollow[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mmouse[39m[38;5;12m [39m[38;5;12maround[39m[38;5;12m [39m[38;5;12mwill[39m[38;5;12m [39m[38;5;12malways[39m[38;5;12m [39m[38;5;12mbe[39m[38;5;12m [39m[38;5;12mclassic[39m[38;5;12m [39m[38;5;12mreminders[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m
|
||||
[38;5;12mold,[39m[38;5;12m [39m[38;5;12mbeloved[39m[38;5;12m [39m[38;5;12minternet.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mcursor-effectss[0m[38;5;12m [39m[38;5;12m(https://github.com/tholman/cursor-effects)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mOnly[39m[38;5;12m [39m[38;5;12m90's[39m[38;5;12m [39m[38;5;12mkids[39m[38;5;12m [39m[38;5;12mremember...[39m[38;5;12m [39m[38;5;12mwell[39m[38;5;12m [39m[38;5;12mnot[39m[38;5;12m [39m[38;5;12mreally,[39m[38;5;12m [39m[38;5;12mbut[39m[38;5;12m [39m[38;5;12mthese[39m[38;5;12m [39m[38;5;12mbeloved[39m[38;5;12m [39m[38;5;12meffects[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mwould[39m[38;5;12m [39m[38;5;12mfollow[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mmouse[39m[38;5;12m [39m[38;5;12maround[39m[38;5;12m [39m[38;5;12mwill[39m[38;5;12m [39m[38;5;12malways[39m[38;5;12m [39m[38;5;12mbe[39m[38;5;12m [39m
|
||||
[38;5;12mclassic[39m[38;5;12m [39m[38;5;12mreminders[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mold,[39m[38;5;12m [39m[38;5;12mbeloved[39m[38;5;12m [39m[38;5;12minternet.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mmouse-text-shadow[0m[38;5;12m (https://github.com/Isa2008/mouse-text-shadow) - CSS shadow effect & JavaScript mouse move[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mvuepress-plugin-cursor-effects[0m[38;5;12m (https://github.com/moefyit/vuepress-plugin-cursor-effects) - Add a cute click effect to your mouse in your vuepress![39m
|
||||
[38;5;12m- [39m[38;5;14m[1mjquery-animate3d[0m[38;5;12m (https://github.com/putnamn21/jquery-animate3d) - jQuery plugin that gives elements a 3d mouse over effect[39m
|
||||
@@ -70,8 +71,8 @@
|
||||
[38;5;12m- [39m[38;5;14m[1mFollowCursor[0m[38;5;12m (https://github.com/bersLucas/FollowCursor) - Rotate elements to create a following effect[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mreact-native-kenburns-view[0m[38;5;12m (https://github.com/nHiRanZ/react-native-kenburns-view) - KenBurns Image Effect for React Native Applications[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mvintageJS[0m[38;5;12m (https://github.com/rendro/vintageJS) - Add a retro/vintage effect to images using the HTML5 canvas element[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mThumbnailGridExpandingPreview[0m[38;5;12m [39m[38;5;12m(https://github.com/codrops/ThumbnailGridExpandingPreview)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mA[39m[38;5;12m [39m[38;5;12mtutorial[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mhow[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mthumbnail[39m[38;5;12m [39m[38;5;12mgrid[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12man[39m[38;5;12m [39m[38;5;12mexpanding[39m[38;5;12m [39m[38;5;12mimage[39m[38;5;12m [39m[38;5;12mpreview[39m[38;5;12m [39m[38;5;12msimilar[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12meffect[39m[38;5;12m [39m[38;5;12mseen[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mGoogle[39m[38;5;12m [39m
|
||||
[38;5;12mImages.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mThumbnailGridExpandingPreview[0m[38;5;12m [39m[38;5;12m(https://github.com/codrops/ThumbnailGridExpandingPreview)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mA[39m[38;5;12m [39m[38;5;12mtutorial[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mhow[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mthumbnail[39m[38;5;12m [39m[38;5;12mgrid[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12man[39m[38;5;12m [39m[38;5;12mexpanding[39m[38;5;12m [39m[38;5;12mimage[39m[38;5;12m [39m[38;5;12mpreview[39m[38;5;12m [39m[38;5;12msimilar[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12meffect[39m
|
||||
[38;5;12mseen[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mGoogle[39m[38;5;12m [39m[38;5;12mImages.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mgridder[0m[38;5;12m (https://github.com/oriongunning/gridder) - A jQuery plugin that displays a thumbnail grid expanding preview similar to the effect seen on Google Images..[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mMotionTransitionEffect[0m[38;5;12m (https://github.com/codrops/MotionTransitionEffect) - A speedy motion transition effect for an image slideshow.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mtiltedpage_scroll[0m[38;5;12m (https://github.com/peachananr/tiltedpage_scroll) - Create a beautiful 3D tilted effect on scroll with jQuery Tilted Page Scroll plugin[39m
|
||||
@@ -99,13 +100,13 @@
|
||||
[38;5;12m- [39m[38;5;14m[1mimage-mask-effect[0m[38;5;12m (https://github.com/CodyHouse/image-mask-effect) - An immersive transition effect powered by image masks and CSS transforms.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mPageRevealEffects[0m[38;5;12m (https://github.com/codrops/PageRevealEffects) - Some ideas for modern multi-layer page transitions using CSS Animations.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mngView-animation-effects[0m[38;5;12m (https://github.com/dfsq/ngView-animation-effects) - Demonstration of different animation effects with AngularJS ngView directive.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mWobblySlideshowEffect[0m[38;5;12m [39m[38;5;12m(https://github.com/codrops/WobblySlideshowEffect)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mThe[39m[38;5;12m [39m[38;5;12mslides[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mthis[39m[38;5;12m [39m[38;5;12mslideshow[39m[38;5;12m [39m[38;5;12mwobble[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12mthey[39m[38;5;12m [39m[38;5;12mmove.[39m[38;5;12m [39m[38;5;12mThe[39m[38;5;12m [39m[38;5;12meffect[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12mbased[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mSergey[39m[38;5;12m [39m[38;5;12mValiukh's[39m[38;5;12m [39m[38;5;12mDribbble[39m[38;5;12m [39m[38;5;12mshot[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mwas[39m[38;5;12m [39m[38;5;12mmade[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m[38;5;12mSnap.svg[39m[38;5;12m [39m
|
||||
[38;5;12mand[39m[38;5;12m [39m[38;5;12mmorphing[39m[38;5;12m [39m[38;5;12mSVG[39m[38;5;12m [39m[38;5;12mpaths.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mWobblySlideshowEffect[0m[38;5;12m [39m[38;5;12m(https://github.com/codrops/WobblySlideshowEffect)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mThe[39m[38;5;12m [39m[38;5;12mslides[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mthis[39m[38;5;12m [39m[38;5;12mslideshow[39m[38;5;12m [39m[38;5;12mwobble[39m[38;5;12m [39m[38;5;12mas[39m[38;5;12m [39m[38;5;12mthey[39m[38;5;12m [39m[38;5;12mmove.[39m[38;5;12m [39m[38;5;12mThe[39m[38;5;12m [39m[38;5;12meffect[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12mbased[39m[38;5;12m [39m[38;5;12mon[39m[38;5;12m [39m[38;5;12mSergey[39m[38;5;12m [39m[38;5;12mValiukh's[39m[38;5;12m [39m[38;5;12mDribbble[39m[38;5;12m [39m[38;5;12mshot[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mwas[39m[38;5;12m [39m
|
||||
[38;5;12mmade[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m[38;5;12mSnap.svg[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mmorphing[39m[38;5;12m [39m[38;5;12mSVG[39m[38;5;12m [39m[38;5;12mpaths.[39m
|
||||
|
||||
[38;2;255;187;0m[4mRain & Snow[0m
|
||||
[38;5;12m- [39m[38;5;14m[1mRainEffect[0m[38;5;12m (https://github.com/codrops/RainEffect) - Some experimental rain and water drop effects in different scenarios using WebGL, by Lucas Bebber.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1maframe-rain[0m[38;5;12m [39m[38;5;12m(https://github.com/takahirox/aframe-rain)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12maframe-rain[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12mRainfall[39m[38;5;12m [39m[38;5;12meffect[39m[38;5;12m [39m[38;5;12mcomponent[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mA-Frame[39m[38;5;12m [39m[38;5;12mwhich[39m[38;5;12m [39m[38;5;12mdisplays[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mlot[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mrain[39m[38;5;12m [39m[38;5;12mdrop/splash[39m[38;5;12m [39m[38;5;12mobjects[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m[38;5;12minstancing[39m[38;5;12m [39m[38;5;12mtechnique[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12mgood[39m[38;5;12m [39m
|
||||
[38;5;12mperformance.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1maframe-rain[0m[38;5;12m [39m[38;5;12m(https://github.com/takahirox/aframe-rain)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12maframe-rain[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12mRainfall[39m[38;5;12m [39m[38;5;12meffect[39m[38;5;12m [39m[38;5;12mcomponent[39m[38;5;12m [39m[38;5;12mfor[39m[38;5;12m [39m[38;5;12mA-Frame[39m[38;5;12m [39m[38;5;12mwhich[39m[38;5;12m [39m[38;5;12mdisplays[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mlot[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mrain[39m[38;5;12m [39m[38;5;12mdrop/splash[39m[38;5;12m [39m[38;5;12mobjects[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12musing[39m[38;5;12m [39m[38;5;12minstancing[39m[38;5;12m [39m[38;5;12mtechnique[39m[38;5;12m [39m
|
||||
[38;5;12mwith[39m[38;5;12m [39m[38;5;12mgood[39m[38;5;12m [39m[38;5;12mperformance.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mmatrix-rain[0m[38;5;12m (https://github.com/nojvek/matrix-rain) - The famous Matrix rain effect of falling green characters in a terminal[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mRainbow[0m[38;5;12m (https://github.com/DavianWolf/Rainbow.js) - A text effect jquery plugin (tested with jQuery 1.6.3)[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mSnowstorm[0m[38;5;12m (https://github.com/scottschiller/Snowstorm) - Enterprise-grade JavaScript snow effect for the internets, setting CPUs on fire worldwide every winter since 2003.[39m
|
||||
@@ -128,8 +129,8 @@
|
||||
[38;2;255;187;0m[4mLoading Effect[0m
|
||||
[38;5;12m- [39m[38;5;14m[1mPageLoadingEffects[0m[38;5;12m (https://github.com/codrops/PageLoadingEffects) - Modern ways of revealing new content using SVG animations.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mAsset-Loading-Effects[0m[38;5;12m (https://github.com/ZachSaucier/Asset-Loading-Effects) - Loading effects for assets including some built in animated reveals[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mfakeLoader[0m[38;5;12m [39m[38;5;12m(https://github.com/joaopereirawd/fakeLoader.js)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mfakeLoader.js[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mlightweight[39m[38;5;12m [39m[38;5;12mjQuery[39m[38;5;12m [39m[38;5;12mplugin[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mhelps[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12man[39m[38;5;12m [39m[38;5;12manimated[39m[38;5;12m [39m[38;5;12mspinner[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mfullscreen[39m[38;5;12m [39m[38;5;12mloading[39m[38;5;12m [39m[38;5;12mmask[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12msimulate[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mpage[39m[38;5;12m [39m
|
||||
[38;5;12mpreloading[39m[38;5;12m [39m[38;5;12meffect.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mfakeLoader[0m[38;5;12m [39m[38;5;12m(https://github.com/joaopereirawd/fakeLoader.js)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mfakeLoader.js[39m[38;5;12m [39m[38;5;12mis[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mlightweight[39m[38;5;12m [39m[38;5;12mjQuery[39m[38;5;12m [39m[38;5;12mplugin[39m[38;5;12m [39m[38;5;12mthat[39m[38;5;12m [39m[38;5;12mhelps[39m[38;5;12m [39m[38;5;12myou[39m[38;5;12m [39m[38;5;12mcreate[39m[38;5;12m [39m[38;5;12man[39m[38;5;12m [39m[38;5;12manimated[39m[38;5;12m [39m[38;5;12mspinner[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mfullscreen[39m[38;5;12m [39m[38;5;12mloading[39m[38;5;12m [39m[38;5;12mmask[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m
|
||||
[38;5;12msimulate[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mpage[39m[38;5;12m [39m[38;5;12mpreloading[39m[38;5;12m [39m[38;5;12meffect.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mLoadEffect[0m[38;5;12m (https://github.com/Auklets/LoadEffect) - Distributed Load Testing in Javascript-like Scripting Language.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mWhirl[0m[38;5;12m (https://github.com/jh3y/whirl) - CSS loading animations with minimal effort![39m
|
||||
[38;5;12m- [39m[38;5;14m[1mthree-dots[0m[38;5;12m (https://github.com/nzbin/three-dots) - 🔮 CSS loading animations made by single element.[39m
|
||||
@@ -159,8 +160,8 @@
|
||||
[38;5;12m- [39m[38;5;14m[1mmenu-animations[0m[38;5;12m (https://github.com/tamino-martinius/ui-snippets-menu-animations) - Four different menu animations for menu button toggle between hamburger, cross and back icon.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mcircle-svg-animation[0m[38;5;12m (https://github.com/crealime/circle-svg-animation) - Circle SVG Animation[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mOrganicShapeAnimations[0m[38;5;12m (https://github.com/codrops/OrganicShapeAnimations) - Some shape morphing hover effects on images using SVG clipPath.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mFancyLetterAnimation[0m[38;5;12m [39m[38;5;12m(https://github.com/codrops/FancyLetterAnimation)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mAn[39m[38;5;12m [39m[38;5;12mexperimental[39m[38;5;12m [39m[38;5;12mSVG[39m[38;5;12m [39m[38;5;12mletter[39m[38;5;12m [39m[38;5;12manimation[39m[38;5;12m [39m[38;5;12minspired[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mDribbble[39m[38;5;12m [39m[38;5;12mshot[39m[38;5;12m [39m[38;5;12m"Shading[39m[38;5;12m [39m[38;5;12mLetters[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mIllustrator"[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mJake[39m[38;5;12m [39m[38;5;12mBartlett's.[39m[38;5;12m [39m[38;5;12mPowered[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m
|
||||
[38;5;12mJulian[39m[38;5;12m [39m[38;5;12mGarnier's[39m[38;5;12m [39m[38;5;12manime.js.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mFancyLetterAnimation[0m[38;5;12m [39m[38;5;12m(https://github.com/codrops/FancyLetterAnimation)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mAn[39m[38;5;12m [39m[38;5;12mexperimental[39m[38;5;12m [39m[38;5;12mSVG[39m[38;5;12m [39m[38;5;12mletter[39m[38;5;12m [39m[38;5;12manimation[39m[38;5;12m [39m[38;5;12minspired[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mDribbble[39m[38;5;12m [39m[38;5;12mshot[39m[38;5;12m [39m[38;5;12m"Shading[39m[38;5;12m [39m[38;5;12mLetters[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mIllustrator"[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mJake[39m[38;5;12m [39m
|
||||
[38;5;12mBartlett's.[39m[38;5;12m [39m[38;5;12mPowered[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mJulian[39m[38;5;12m [39m[38;5;12mGarnier's[39m[38;5;12m [39m[38;5;12manime.js.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mIsometricCityAnimation[0m[38;5;12m (https://github.com/projapati66/Svg-IsometricCityAnimation) - This is a simple svg isometric city animation with GSAP[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mlazy-line-painter[0m[38;5;12m (https://github.com/camoconnell/lazy-line-painter) - Lazy Line Painter - A Modern JS library for SVG path animation[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mjquery-drawsvg[0m[38;5;12m (https://github.com/lcdsantos/jquery-drawsvg) - Lightweight, simple to use jQuery plugin to animate SVG paths[39m
|
||||
@@ -190,15 +191,15 @@
|
||||
[38;5;12m- [39m[38;5;14m[1maquarelle[0m[38;5;12m (https://github.com/Ramotion/aquarelle) - Aquarelle is a watercolor effect component.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mglitch[0m[38;5;12m (https://github.com/sjhewitt/glitch.js) - A glitched effect for DOM elements.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mspread[0m[38;5;12m (https://github.com/roboshoes/spread) - Spread is a small experiment leveraging simple CSS3D transforms to create a colored plane.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mfirealgorithm[0m[38;5;12m [39m[38;5;12m(https://github.com/filipedeschamps/doom-fire-algorithm)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mA[39m[38;5;12m [39m[38;5;12mplayground[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mexperiments[39m[38;5;12m [39m[38;5;12mrelated[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mDoom[39m[38;5;12m [39m[38;5;12mfire[39m[38;5;12m [39m[38;5;12meffect[39m[38;5;12m [39m[38;5;12mimplemented[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mJavaScript.[39m[38;5;12m [39m[38;5;12mFeel[39m[38;5;12m [39m[38;5;12mfree[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12msubmit[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m[38;5;12mexperiment[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mPull[39m[38;5;12m [39m
|
||||
[38;5;12mRequest.[39m
|
||||
[38;5;12m-[39m[38;5;12m [39m[38;5;14m[1mfirealgorithm[0m[38;5;12m [39m[38;5;12m(https://github.com/filipedeschamps/doom-fire-algorithm)[39m[38;5;12m [39m[38;5;12m-[39m[38;5;12m [39m[38;5;12mA[39m[38;5;12m [39m[38;5;12mplayground[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12mexperiments[39m[38;5;12m [39m[38;5;12mrelated[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mDoom[39m[38;5;12m [39m[38;5;12mfire[39m[38;5;12m [39m[38;5;12meffect[39m[38;5;12m [39m[38;5;12mimplemented[39m[38;5;12m [39m[38;5;12min[39m[38;5;12m [39m[38;5;12mJavaScript.[39m[38;5;12m [39m[38;5;12mFeel[39m[38;5;12m [39m[38;5;12mfree[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12msubmit[39m[38;5;12m [39m[38;5;12myour[39m[38;5;12m [39m
|
||||
[38;5;12mexperiment[39m[38;5;12m [39m[38;5;12mwith[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mPull[39m[38;5;12m [39m[38;5;12mRequest.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1mEyeCandy[0m[38;5;12m (https://github.com/mykle1/MMM-EyeCandy) - Animated images that are superficially attractive and entertaining but intellectually undemanding.[39m
|
||||
[38;5;12m- [39m[38;5;14m[1manimatelo[0m[38;5;12m (https://github.com/gibbok/animatelo) - Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects[39m
|
||||
|
||||
|
||||
[38;2;255;187;0m[4mContribute[0m
|
||||
[38;5;12mContributions[39m[38;5;12m [39m[38;5;12mwelcome![39m[38;5;12m [39m[38;5;12mWe[39m[38;5;12m [39m[38;5;12mwelcome[39m[38;5;12m [39m[38;5;12mall[39m[38;5;12m [39m[38;5;12mcontributions,[39m[38;5;12m [39m[38;5;12mespecially[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mthose[39m[38;5;12m [39m[38;5;12mwho[39m[38;5;12m [39m[38;5;12mworked[39m[38;5;12m [39m[38;5;12mthrough[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mlist[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mnoticed[39m[38;5;12m [39m[38;5;12msome[39m[38;5;12m [39m[38;5;12mmissing[39m[38;5;12m [39m[38;5;12m/[39m[38;5;12m [39m[38;5;12munclear[39m[38;5;12m [39m[38;5;12minformation![39m[38;5;12m [39m[38;5;12mPlease[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mpull[39m[38;5;12m [39m[38;5;12mrequests[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mdiscuss[39m[38;5;12m [39m[38;5;12mabout[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12musefulness[39m[38;5;12m [39m
|
||||
[38;5;12mof[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mchange.[39m
|
||||
[38;5;12mContributions[39m[38;5;12m [39m[38;5;12mwelcome![39m[38;5;12m [39m[38;5;12mWe[39m[38;5;12m [39m[38;5;12mwelcome[39m[38;5;12m [39m[38;5;12mall[39m[38;5;12m [39m[38;5;12mcontributions,[39m[38;5;12m [39m[38;5;12mespecially[39m[38;5;12m [39m[38;5;12mby[39m[38;5;12m [39m[38;5;12mthose[39m[38;5;12m [39m[38;5;12mwho[39m[38;5;12m [39m[38;5;12mworked[39m[38;5;12m [39m[38;5;12mthrough[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mlist[39m[38;5;12m [39m[38;5;12mand[39m[38;5;12m [39m[38;5;12mnoticed[39m[38;5;12m [39m[38;5;12msome[39m[38;5;12m [39m[38;5;12mmissing[39m[38;5;12m [39m[38;5;12m/[39m[38;5;12m [39m[38;5;12munclear[39m[38;5;12m [39m[38;5;12minformation![39m[38;5;12m [39m[38;5;12mPlease[39m[38;5;12m [39m[38;5;12muse[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12mpull[39m[38;5;12m [39m[38;5;12mrequests[39m[38;5;12m [39m[38;5;12mto[39m[38;5;12m [39m[38;5;12mdiscuss[39m[38;5;12m [39m
|
||||
[38;5;12mabout[39m[38;5;12m [39m[38;5;12mthe[39m[38;5;12m [39m[38;5;12musefulness[39m[38;5;12m [39m[38;5;12mof[39m[38;5;12m [39m[38;5;12ma[39m[38;5;12m [39m[38;5;12mchange.[39m
|
||||
|
||||
[38;2;255;187;0m[4mLicense[0m
|
||||
|
||||
|
||||
Reference in New Issue
Block a user