Erledigt - Menü animation

[zerwus]

Hallo Leute,
ich durchsuche seit längerem alle möglichen Foren und Seiten, finde aber nicht die richtige Antwort auf meine Frage oder ich bin einfach zu blöd um es zu verstehen.

Ich hätte gern, das wen ich über ein Menü Element fahre, dass sich unter dem Element ein Strich aus der Mitte heraus bildet und bis zum Rand entlang zieht. Es ist egel ob jQuery oder CSS.

Am besten so wie hier: Beispiel

________________________________________________________________________
Wer einen Rechtschreibfehler findet, darf diesen getrost behalten.
​

 

[liselotte]

Meinst du das "dropdown menu"? danach suchen.
MfG

 

[MyBad]

Habe mir jetzt nicht angesehen, wie das auf der Beispiel-Seite gehandhabt wird. Aber mit CSS3 ist das recht easy (Q&D):

HTML:

    <ul>
       <li>
         <a href="#">Menue 1</a>
       </li>
       <li>
         <a href="#">Menue 2</a>
       </li>
       <li>
         <a href="#">Menue 2</a>
       </li>
     </ul>

CSS:

      li{
         width: 200px;
         float: left;
         list-style: none;
         text-align: center;
       }
       a{
         display: block;
         color: #CCC;
       }
       a::after{
         content: " ";
         clear: both;
         display: block;
         height: 2px;
         background: #990000;
         margin: 0 auto;
         width: 0;
         transition: width 0.5s;
       }
       a:hover::after{
         background: #990000;
         width: 100%;
       }

 

[afr0kalypse]

Hier eine mögliche CSS Lösung:
http://jsfiddle.net/3QNyu/6/

 

[lachender_engel]

Ich hätte gern, das wen ich über ein Menü Element fahre, dass sich unter dem Element ein Strich aus der Mitte heraus bildet und bis zum Rand entlang zieht. Es ist egel ob jQuery oder CSS.

Am besten so wie hier:

Ich muss sagen, dass ich nicht verstehe was Du willst. Deine "Demo" ist ein normales mit CSS gestaltetes Menü.

 

[afr0kalypse]

Er möchte den Link Hover Effekt der Main Nav haben.

Ich hätte gern, das wen ich über ein Menü Element fahre, dass sich unter dem Element ein Strich aus der Mitte heraus bildet

 

[zerwus]

Danke MyBad & afr0kalypse, genau das hab ich gesucht