Hogyan állnátok neki egy ilyen design-nak?
Jelenleg egy "futurisztikus" navigációs menün dolgozok, ami egy tetszőleges átmérőjű kör mentén egyenlő távolságra, tetszőleges számú és átmérőjű köröket helyez. Ez a későbbiekben event hatására jelenne meg, tehát alap navigációs menü az oldalon nem lenne.
A probléma az, hogy valahogy szeretném jelezni azt, hogy az adott menüpont alatt további almenüpontok is lesznek, ehhez az alábbi ötletem támadt. Azt szeretném elérni, hogy valahogy így nézzen majd ki egy-egy menüpontom: [link]
Egy ilyen design-nak hogy állnátok neki, hogyha a kis kör/"border" darabokat DOM elemként szeretnétek látni az oldalon?





Hirtelenjében négy lehetőséget tartanék kivitelezhetőnek:
1. <img> + <map> + <area>: [link]
2. Szimpla rendezetlen HTML-felsorolás + CSS border-radius (a kőrnek/körgyűrűnek/kőrszeletnek: [link] ) + transform (a rárakott szövegek mozgatásához - translate - és forgatásához - rotate: [link] )
3. SVG (path + textPath: [link] )
4. Szimpla rendezetlen HTML-felsorolás --> Javascript --> Canvas
Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!