Jason Lengstorf · @jlengstorf
2669 followers · 227 posts · Server hachyderm.ioThe web feels more alive when it has great animations. You can make your animation feel more organic in just a few lines of code using
GreenSock's randomization + MotionPath plugins.
Check out my latest tutorial!
- video: https://youtu.be/DIK5R04eqeM
- written: https://www.learnwithjason.dev/blog/gsap-randomized-animations
Téotime Pacreau · @teotimepacreau
24 followers · 69 posts · Server mastodon.design#100DaysOfCode : #HTML #CSS #VanillaJS #GSAP
#Day6 : Text line filling opacity animation
Le projet est à retrouver sur :
https://teotimepacreau.github.io/Text-line-filling-animation-on-scroll-Day6-Of-100DaysOfCode/
Code source : https://github.com/teotimepacreau/Text-line-filling-animation-on-scroll-Day6-Of-100DaysOfCode
Goals :
- VanillaJSto add a line-mask div in each line (forEach and appendChild)
- line-mask CSS class with position absolute that cover the line from right to left with high opacity
#WebDev #Frontend #WebDesign #CodingChallenge #Javascript #LearnToCode #CodingDay #FrontendDevelopment #Greensock
#greensock #frontenddevelopment #codingday #learntocode #javascript #codingchallenge #webdesign #frontend #webdev #Day6 #Gsap #vanillajs #css #html #100daysofcode