To finish of the Portfolio website, it's time to create the modals that will open when we click on a portfolio item. These modals will use JavaScript to change make them fade in and out, but before we get to that, we have to create the modals themselves!

In this video I start things off by writting the HTML for them. It's a pretty straightforward video, with nothing fancy, but it sets the stage for the more fun stuff later on.

In part two we dive into the CSS to style the modal and make it look decent. Then part three looks at setting up the JavaScript and getting the basic functionality of the modal to work. Finally, in part four, we get a bit more complex with the JS, adding in some animations to have it fade in and fade out, and exploring the animationend event listener to get things to work properly.

---

New to Sass, or want to step up your game with it? I've got a course just for you: [ Ссылка ]

---

My Code Editor: VS Code - [ Ссылка ]

How my browser refreshes when I save: [ Ссылка ]

---

Support me on Patreon: [ Ссылка ]

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: [ Ссылка ]
Twitter: [ Ссылка ]
Codepen: [ Ссылка ]
Github: [ Ссылка ]

свернуть