Μενού χάμπουργκερ SVG - CSS-Κόλπα

Anonim

Τρεις ρίγες πρέπει να είναι τόσο εύκολο να σχεδιάσετε. Ακολουθεί μια σειρά από διαφορετικούς τρόπους για να το κάνετε στον ιστό. Τούτου λεχθέντος, το SVG είναι σίγουρα ο ωραιότερος τρόπος για να το χειριστεί. Ένα μενού χάμπουργκερ είναι τόσο απλό που μπορούμε να το σχεδιάσουμε με το χέρι στο SVG.

Τρία ορθογώνια, ομοιόμορφα κατανεμημένα:

 

Μη διστάσετε να παίζετε με αυτούς τους αριθμούς για να πάρετε το μέγεθος και το στυλ που σας αρέσει.

Κάτι φοβερό που ίσως δεν γνωρίζετε; Η SVG έχει στρογγυλεμένες γωνίες, όπως και η CSS border-radius! Έρχεται με τη μορφή του rxχαρακτηριστικού. Τσέκαρέ το:

Αυτό μπορεί να λειτουργήσει καλύτερα για το σχέδιό σας εάν το σχέδιό σας είναι πιο μαλακό και χρησιμοποιεί στρογγυλεμένα υλικά.