0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>The hamburger is ready! Now let’s work on its open state, in which it will turn into an arrow.</p>
1
<p>The hamburger is ready! Now let’s work on its open state, in which it will turn into an arrow.</p>
2
<p>We will rotate the icon when it is in an open state. We will shorten the upper and lower strips a little so that we can turn them into an arrow “pointer” in the next step.</p>
2
<p>We will rotate the icon when it is in an open state. We will shorten the upper and lower strips a little so that we can turn them into an arrow “pointer” in the next step.</p>
3
<p>To switch to the open state, we will add the menu-icon-open class to the icon. Of course, we will perform the class switching using JavaScript on click. But to make the process of creating an arrow more visual, we added a second icon to the HTML code already in its open state.</p>
3
<p>To switch to the open state, we will add the menu-icon-open class to the icon. Of course, we will perform the class switching using JavaScript on click. But to make the process of creating an arrow more visual, we added a second icon to the HTML code already in its open state.</p>