Css3

[m-ortloff]

Ich habe 4 div Elemente auf meiner website an festen Positionen.
Nun möchte ich bei einem Klick auf einen dieser Div's, dass sich diese div's mit einer animation nach oben rechts alle gerade nebeneinander anordnen.
Vielen Dank im vorraus.

 

[XraYSoLo]

Was hast du bisher an Quelltext zusammengetragen? Zeige uns mal ein Beispiel deines Anfangs.

Nils aka XraYSoLo

 

[m-ortloff]

<div class="navigation" id="nav">
    	<div class="item home">
        	<a href="#" class="icon">
            	<img src="http://www.html.de/images/bg_home.png" alt="" width="199" height="199" class="circle"/>
                <h2>Unternehmen</h2>
            </a>
        </div>
        <div class="item shop">
        	<a href="#" class="icon">
	        	<img src="http://www.html.de/images/bg_shop.png" alt="" width="199" height="199" class="circle"/>
	        	<h2>Leistungen</h2>
	        </a>
	    </div>
	    <div class="item camera">
	    	<a href="#" class="icon">
		    	<img src="http://www.html.de/images/bg_camera.png" alt="" width="199" height="199" class="circle"/>
		    	<h2>Qualität</h2>
            </a>
        </div>
        <div class="item fav">
          	<a href="#" class="icon">      
     	       <img src="http://www.html.de/images/bg_fav.png" alt="" width="199" height="199" class="circle"/>
               <h2>Kontakt</h2>
            </a>
        </div>

 

[threadi]

Und dein CSS dazu?

Und ist das wirklich der komplette HTML-Code?

Und verwende bitte Code-Tags wenn Du im Forum Quellcode postest.

 

[Tronjer]

Ich habe 4 div Elemente auf meiner website an festen Positionen.
Nun möchte ich bei einem Klick auf einen dieser Div's, dass sich diese div's mit einer animation nach oben rechts alle gerade nebeneinander anordnen.
Vielen Dank im vorraus.

Das wird nicht funktionieren. Rein mit CSS3 ließe sich so etwas nur umsetzen, wenn die Animationen direkt nach dem Laden der Seite oder beim Hovern über ein Element gestartet werden sollen. Kommt Klick ins Spiel, ist immer JavaScript bzw. jQuery beteiligt.

 

[sysop]

Oder man muss die Seite per Refresh komplett neu laden, was dann ruckeln und für die Ladezeiten leere Seiten zur Folge hat.
jQuery wurde ja schon genannt. Da gibt es dutzende Beispiele.