JavaScript Animations
Here is a showcase of some JavaScript Animations & Transitions I am considering using in my portfolio site. Enjoy!
1. Hamburger Icon & Drop Down Menu
This is a demo of the mobile version of the navigation bar. When you collapse the screen to a mobile version, the navigation bar link leaves and is replaced with a hamburger icon. When you click on it, you will then see a drop down menu.
2. Scrolling Effect
This is a demo of the scrolling effect on this page. When you load into the page, none of the sections are visible, but after you scroll through the page, each section slowly fades in.
3. Click to Show/Hide Text
This is a demo of a animation I am considering adding. Click on the box to see and hide the text.
This is the hidden content that slides in and out!
4. Filter Bar & Buttons
This is a demo of a filter bar I want to do on my Projects page. Click on the filter bar to filter which cards you want to see.
5. Dark & Light Toggle
This is a demo of the light & dark mode toggle button I am considering adding to my page. Press the button below to toggle.