Warning: Redis::get(): php_network_getaddresses: getaddrinfo for localhost failed: No address associated with hostname in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php on line 665

Warning: Cannot modify header information - headers already sent by (output started at /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php:665) in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/dw-question-answer/inc/Posts/Base.php on line 20

Warning: Cannot modify header information - headers already sent by (output started at /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-content/plugins/litespeed-cache/src/object-cache.cls.php:665) in /home/klient.dhosting.pl/michalko/webroad.pl/public_html/wp-includes/feed-rss2-comments.php on line 8
Komentarze do: W jaki sposób stworzyć nawigację poziomą z ciekawym efektem „scroll” w CSS3? https://webroad.pl/html5-css3/692-menu-poziome-z-efektem-scroll blog dla webmasterów, na którym piszemy o HTML5, CSS3, JavaScript, webdesign, UX, CMS Sat, 26 Sep 2020 15:48:44 +0000 hourly 1 https://wordpress.org/?v=6.9.7 Autor: VeTo https://webroad.pl/html5-css3/692-menu-poziome-z-efektem-scroll#comment-49 Wed, 09 Apr 2014 06:02:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/692-menu-poziome-z-efektem-scroll/#comment-49 Proszę o poprawienie linków do dema, jak ktoś przemyśli to działają..
https://webroad.pl/poradnik/menu_scroll <— tak powinien wyglądać link.

]]> Autor: marcint339 https://webroad.pl/html5-css3/692-menu-poziome-z-efektem-scroll#comment-1124 Tue, 03 Sep 2013 19:09:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/692-menu-poziome-z-efektem-scroll/#comment-1124 Świetnie, właśnie o to chodziło. Dzięki!

]]> Autor: Comandeer https://webroad.pl/html5-css3/692-menu-poziome-z-efektem-scroll#comment-1123 Tue, 03 Sep 2013 11:23:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/692-menu-poziome-z-efektem-scroll/#comment-1123 Eh, często takie efekty wizualne osiąga się kosztem dostępności. Tak jak tutaj: podwójny tekst. Jak myślisz – fajnie jest słuchać czytnika, gdy czyta to samo słowo podwójnie? Ten drugi span to mógłby jak już być potraktowany przez [aria-hidden=true], tudzież [role=presentation] – przynajmniej zniknąłby problem AT. Niestety, wciąż mielibyśmy nadmiarowy, bezsensowny element.

A da się przecież prościej – i to od dawna. Przecież już w CSS 2.1 istniały pseudoelementy :before i :after. W 95% przypadków służą właśnie zastępowaniu nadmiarowych elementów, istniejących tylko ze względów „estetycznych”.

Moja propozycja: http://comandeer.pl/bzdety/menu-scroll.html

Zostajemy z jednym span (jakby dalej pokombinować i przerzucić :hover na li to prawdopodobnie zostalibyśmy z samym hiperłączem). Do tego zmieniłem selektory na zmyślniejsze (nie lubię takich poziomów zagłębień a myślę, że moje są nawet ciut szybsze). Zamiast tego data-name można np zastosować title. Ah – no i moje działa z :focus, więc TAB-owanie nie sprawia więcej problemów ;)
I to jest właśnie potęga CSS – kod w pełni semantyczny (no, prawie, jeśli się uprzeć o to data) a efekt wizualny wspaniały.

]]> Autor: Mr.Mr https://webroad.pl/html5-css3/692-menu-poziome-z-efektem-scroll#comment-1122 Tue, 03 Sep 2013 10:10:00 +0000 https://webroad.pl/c7-zasoby/c36-html-css/692-menu-poziome-z-efektem-scroll/#comment-1122 Wiedziałem, że się da tylko CSS’em :)

]]>