Here is My todays “HONEST LEARNING” and using it into my Persoinfo.web project.

so today i finally added my Main box sideways animation using not only CSS but this time i use a bit of JS too,

what i learned?

what is variable.
what is function
how does function works.
how to use Observer (IntersectingObserver)
how to use If/else statements.
what is classlist.add
etc.

struggles!

i struggled to use the entry function.
i also struggled to understand how classList works. i struggled to put all functions and vareibles and form the animation.

The final product!

In conclusion of giving all the efforts, i made the specific animation possible, which is, if the user scrolls from the front visible (default) page to the bottom section at that exact moment the animation should work, not when he loads the web.
it gives the web a advanced look :)

let me know if there anything else you want in this web’s first section.

usage of Ai : i used Ai for strictly learning only,
no copy pasting.

note: like this post so i can become a good programmer!