햄버거 메뉴 아이콘

2개의 그라데이션이 있는 CSS 전용 햄버거 메뉴 아이콘을 만듭니다. 하나의 값을 조정하여 크기를 제어합니다.

.menu {
  width:80px; /* update this to control the size */
  aspect-ratio:1;
  background:
    radial-gradient(closest-side at 50% 25%,#000 96%,#0000) top/20% 40%,
    linear-gradient(#000 50%,#0000 0) top/80% 40% repeat-y;
}