There are a bunch of ways to do this, including gradients and psuedo-elements, but a simple way is to just use borders. Here’s my take:
1 2 3 4 5 6 |
.burger-button { width: 20px; height: 3px; border-top: 3px solid #000; border-bottom: 9px double #000; } |
Fiddle