Antworten auf deine Fragen:
Neues Thema erstellen

Erledigt - Menü animation

Z

zerwus

Guest

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. :frech:
 
Zuletzt bearbeitet von einem Moderator:

MyBad

localhorst

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

HTML:
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:
HTML:
      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%;
       }
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.614
Beiträge
1.538.351
Mitglieder
67.525
Neuestes Mitglied
mgtaucher
Oben