W oczekiwaniu na rozstrzygnięcia dzisiejszego wieczoru (polska drużyna, Legia Warszawa, gra mecz rewanżowy w Lidze Mistrzów) postanowiłem Ci przedstawić jeszcze jeden sposób na utworzenie rozwijanego menu na stronie za pomocą CSS. Co ciekawe, będzie ono symulowało efekt kliknięcia bez JS.
Dalej
Dzisiejszy artykuł powstał na bazie inspiracji związanej z Windowsem 7, który mam zainstalowany u siebie. Pomyślałem sobie, żeby spróbować stworzyć efekt rozsuwanego menu rodem z tego systemu.
Efekt się udał, ale w 100% działa w 3-ch przeglądarkach: Mozilla Firefox 3.6.3, Safari 4.0, Google Chrome. W innych przeglądarkach może brakować niektórych szczegółów dekoracyjnych, ale sama idea wysuwanego menu działa.
Dzisiaj pragnę zaprezentować ciekawy typ menu, który można zaimplementować na stronie internetowej. Menu jest wzorowane na systemach menu rodem z Mac OS X lub z jednego z dodatków do upiększania systemów typu Windows XP. Dalej
![[CSS] Efektowne okrągłe menu rozwijane zbudowane za pomocą CSS](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2013/08/CSS-Efektowne-okragle-menu-rozwijane-zbudowane-za-pomoca-CSS.jpg&nocache=1)
![[CSS][jQuery] Menu w stylu Windows 7 – niesamowity efekt](https://blog.piotrnalepa.pl//wp-content/webpc-passthru.php?src=https://blog.piotrnalepa.pl/wp-content/uploads/2010/04/win7-menu.jpg&nocache=1)
![[jQuery] Efektowne menu rodem z systemów operacyjnych](/img/placeholder-article.png)