Anyone help me to breakdown these cool effect

Website --> https://lmpixels.com/wp/kerge-wp/#about-me Yesterday I visited above website in that has a nice transition effects when the page is change . ie: when I click contact in the side nav there is a cube like transition effects . How to achieve these cool effect
I'm looking for codepends/articles/youtube videos that can help me with this. anyone breakdown these cool effect plzšŸ‘€
Kerge - Best Resume CV vCard Portfolio Theme
Home
30 Replies
Zoƫ
ZoĆ«ā€¢9mo ago
It's as simple as each page exists at once, they are all position absolute within the container. One of these pages has .pt-page-current which shows the card on top When selecting a new page it simply adds classes to the old and new section with an animation that either enters or leaves I'm going to make a simple pen with this
No description
No description
Zoƫ
ZoĆ«ā€¢9mo ago
https://codepen.io/z-/pen/OJroEeN This is not a copy of the site that you showed just using the same idea
Zoƫ
ZoĆ«ā€¢9mo ago
Only 2 animations but it's easy to add more
Zoƫ
ZoĆ«ā€¢9mo ago
If you don't like Pug or Stylus you can click the down chevron and view compiled
No description
Thiru
Thiruā€¢9mo ago
Hey thank you very much šŸ™ā¤ļøā€šŸ”„ Are you student or dev
Zoƫ
ZoĆ«ā€¢9mo ago
I'm a developer, been at this a while šŸ¤­
Thiru
Thiruā€¢9mo ago
I have a good knowledge in html and css but fully 0 in js Can suggest where to learn js
Zoƫ
ZoĆ«ā€¢9mo ago
I don't know what resources there are. I came to JS from C# so I never really learnt JS. I'm sure someone else can point you in the correct direction. Maybe search this server, and if you can't find anything post in #discussions
Thiru
Thiruā€¢9mo ago
Hmm great šŸ‘
Zoƫ
ZoĆ«ā€¢9mo ago
Once you've picked up the basics, if you need help with specific part of the JS I've provided I'm happy to explain it
Thiru
Thiruā€¢9mo ago
Oh great thank you master šŸ˜Š If it is possible can you explain the above code as like tutorial if it possible only otherwise I manage it šŸ˜…
Zoƫ
ZoĆ«ā€¢9mo ago
Just the JavaScript?
Thiru
Thiruā€¢9mo ago
Yes
Zoƫ
ZoĆ«ā€¢9mo ago
I'll add loads of comments
Thiru
Thiruā€¢9mo ago
It's ok Is it possible
Zoƫ
ZoĆ«ā€¢9mo ago
Yeah, doing it now, I'll be 10 minutes or so You can watch me add comments if you want at https://codepen.io/z-/professor/OJroEeN otherwise I'll say when I'm done
Zed Dash
CodePen
Page Transitions for Thiru
Made to help Thiru on the Kevin Powell Discord server to replicate the effect https://lmpixels.com/wp/kerge-wp/#about-me...
Thiru
Thiruā€¢9mo ago
enthusiasm for web development, I have a strong desire to connect with fellow developers and professionals in the field. I believe that learning from experienced individuals like yourself can greatly accelerate my growth as a web developer. If you are open to it, I would love to connect with you and have the opportunity to learn more from your experiences and insights. Is it possible
Zoƫ
ZoĆ«ā€¢9mo ago
Absolutely, I love helping people out and getting them up to speed. CodePen was hugely important for my learning being able to see what was possible and the code was right there to play around with
Thiru
Thiruā€¢9mo ago
Ya ! Let's connect but how which platform you preferred
Zoƫ
ZoĆ«ā€¢9mo ago
CodePen is my preferred, it also has professor mode which is also really nice to show someone my work in real time
Zoƫ
ZoĆ«ā€¢9mo ago
I don't šŸ˜…
Thiru
Thiruā€¢9mo ago
It's ok Thanks lot šŸ˜ŠšŸ«‚ For your kind help
Zoƫ
ZoĆ«ā€¢9mo ago
Took much longer than 10 minutes but I had much more to say than planned
Thiru
Thiruā€¢9mo ago
Do you complete the comments or note If you finish just intimate me I will refer and learn this crazy stuff I am unable to access html and css code
Zoƫ
ZoĆ«ā€¢9mo ago
They are completed
Thiru
Thiruā€¢9mo ago
https://github.com/ThiruNithish28/cv-Resume-website Hey can you do this effect in the above github page
GitHub
GitHub - ThiruNithish28/cv-Resume-website
Contribute to ThiruNithish28/cv-Resume-website development by creating an account on GitHub.
Thiru
Thiruā€¢9mo ago
As soon as possible I want today or tomorrow morning it self Can you do it for me plz Hey it's emergency ā— @z- ::theProblemSolver:: hey šŸ‘€
Zoƫ
ZoĆ«ā€¢9mo ago
The thing is, a portfolio especially when it comes to web development is that it should be made by yourself. Clients should be able to go to your website and see what you're capable of. I don't feel comfortable actually working on someone's CV for web development. I'm more comfortable fixing issues after someone has tried than doing work for someone. Also I'm not so much a web developer but a problem solver, I can make any design reality but I don't really make whole websites. What I have provided in the pen is the basics and should be enough for you to implement. If you have any issues implementing it I'll have a look
Thiru
Thiruā€¢9mo ago
Hmm ok