JoelK
0
Guten Abend zusammen.
Ich bin zufällig auf diese Demo-Site gelandet: Fictive Company Blog | a blog showcasing the übercoolness of HTML5 & CSS3
Wenn ihr mit der Maus über die Roten Menue-Buttons fährt erscheint ja abgesehen von :hover kein Effekt. Geht nun mal auf "Services" und bewegt eure Maus mal über die Buttons welche unterhalb erscheinen werden.
Ihr könnt erkennen das der :hover-Effekt eines Buttons langsam "ausglüht" oder verschwindet wenn ihr auf den nächsten Button fährt. Gleichzeitig erscheint beim nächsten Button dieser :hover-Effekt. Ich nenne diesen Effekt jetzt einfach mal "glow"
Da ich diese Seite gerade Nachbaue möchte ich diesen Effekt auch auf die anderen (Statischen)-Buttons übernehmen (Home, About, Services, Portfolio, Contact) um die Ansicht der Seite flüssiger zu gestalten.
Wie mache ich dies am besten? Welche Code-Zeilen muss ich aus dem subMenue CSS-Teil in den nav#global CSS-Teil kopieren um den selben Effekt zu erreichen?
Ich danke euch ganz Herzlich. Gruss Joèl
Anmerkung: Auf CSS Code habe ich verzichtet da ihr die unter http://www.onextrapixel.com/examples/html5-css3-website-layout/styles.css selbst findet.
Ich bin zufällig auf diese Demo-Site gelandet: Fictive Company Blog | a blog showcasing the übercoolness of HTML5 & CSS3
Wenn ihr mit der Maus über die Roten Menue-Buttons fährt erscheint ja abgesehen von :hover kein Effekt. Geht nun mal auf "Services" und bewegt eure Maus mal über die Buttons welche unterhalb erscheinen werden.
Ihr könnt erkennen das der :hover-Effekt eines Buttons langsam "ausglüht" oder verschwindet wenn ihr auf den nächsten Button fährt. Gleichzeitig erscheint beim nächsten Button dieser :hover-Effekt. Ich nenne diesen Effekt jetzt einfach mal "glow"
Da ich diese Seite gerade Nachbaue möchte ich diesen Effekt auch auf die anderen (Statischen)-Buttons übernehmen (Home, About, Services, Portfolio, Contact) um die Ansicht der Seite flüssiger zu gestalten.
Wie mache ich dies am besten? Welche Code-Zeilen muss ich aus dem subMenue CSS-Teil in den nav#global CSS-Teil kopieren um den selben Effekt zu erreichen?
Ich danke euch ganz Herzlich. Gruss Joèl
Anmerkung: Auf CSS Code habe ich verzichtet da ihr die unter http://www.onextrapixel.com/examples/html5-css3-website-layout/styles.css selbst findet.
Zuletzt bearbeitet: