anzeigen Element in „schweben“ Zustand „auf“, wenn andere nicht

Question

schwebte

Ich habe mehrere divs, die auf schweben vergrößert werden sollte, und diesen Code verwende das zu erreichen:

.classname:hover { 
    transform:scaleY(1.1); 
    transform-origin: bottom; } 

ich eine der wollen divs zum Vergrößern anzeigen außer, wenn eine der anderen divs verschoben wird.

Wie kann ich das erreichen?

Danke!

Answer 1

Die Verwirklichung dieses Ziels jQuery verwenden könnte:

Nach .hover Klasse erstellen und es mit dem ersten div hinzufügen, können Sie diese jQuery-Funktion:

$('.classname').hover(
     function(){ $('.hover').removeClass('hover'); $(this).addClass('hover') }, 
     function(){ $('.classname:first-child').addClass('hover'); $(this).removeClass('hover') } 
) 

Codepen: http://codepen.io/dragosmicu/pen/vxeNze

Answer 2

.classname{ 
 
width:100px; 
 
height:100px; 
 
background:#454545; 
 
margin:20px; 
 

 
} 
 
.classname:hover { 
 
    transform:scaleY(1.1); 
 
    transform-origin: bottom; 
 
    }

<div class="classname"></div> 
 
<div class="classname"></div> 
 
<div class="classname"></div> 
 
<div class="classname"></div>

Answer 3

Ich denke, Sie können einige Jquery verwenden.

Haben Sie etwas mit einer if-Funktion und .css versucht ("transform", "scaleY (1.0)"; angewendet auf Ihr div, wenn andere im Hover sind? Sie müssen eine weitere Klasse zum ersten div hinzufügen und make es ist standardmäßig vergrößert dann, wenn die Maus einer Ihrer anderen classe schweben sie reduzieren

ist das, was Sie für