课程: HTML and CSS: Creating Navigation Bars
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Adding hamburger button functionality with CSS
课程: HTML and CSS: Creating Navigation Bars
Adding hamburger button functionality with CSS
- This is a continuation of what we just worked on in the previous video, where we added some icons to our navigation bar. So we now have a hamburger button, doesn't do anything, but we have the button and we have a close button over here. It also doesn't do anything, but we have the button. And now what we want to do is make these things functional. And the place to start is going to be inside of our navigation styling here. Our HTML is exactly the same, we don't need to touch this anymore. It's the same as I explained to you in the previous video, so I'm just going to minimize it out of the way there. And I added a comment here saying that the display flex that we added to nav here in the previous video, that's positioning that close button in the navbar so that there are more or less on the same line. And so now what I want to do is start adding some additional styles here, and I am going to style this navbar so that it turns into a great, big, huge window of information and the…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。