jquery/css - Bilder stapeln, nach vorne zu bringen/zurück auf schweben

Question

ich nach einem Weg suchen, ein paar Bilder zu haben, aufeinander gestapelt, mit dem Bild „hinter“ auf die Vorderseite mit der Maus darüber kommen, mit dem Bild in "vorne" nach hinten gehen. Das obere Bild hat eine Größe von 100%, wobei jedes Bild darunter etwa 10% kleiner und zur Seite versetzt ist, so dass es einen Bereich gibt, in dem es ausgewählt werden kann.

Etwas wie diese Geige, außer wenn die Bilder beginnen angeklickt werden, werden sie animiert und nach vorne gebracht.

Ist das möglich, oder gibt es bereits vorhandene Plugins, die das bereits bereitstellen?

Answer 1

Sie brauchen nicht JS für das, nur das CSS zu Ihrem aktuellen hinzuzufügen.

#box1, 
#box2, 
#box3, 
#box4 { 
    1sition: width 1s, height 1s; /* Safari 3.1-6.0 */ 
    transition: width 1s, height 1s; 
} 

#box1:hover, 
#box2:hover, 
#box3:hover, 
#box4:hover { 
    position: absolute; 
    z-index: 1; 
    width: 500px; 
    height: 500px; 
}