CSS-Transformer-Übergang bei Hover-Snapshots zurück auf Standardgröße

Question

Ich habe einen Selektor, um ein Element Farbe beim Schweben zu ändern und zu vergrößern 1.2.

Es funktioniert, aber sobald es auf 1,2 skaliert, schnappt sie nur zurück bis 1,0, auch wenn noch schwebte:

.reveal a:not(.image) { 
    color: #13daec; 
    text-decoration: none; 
    -webkit-transition: color .15s ease, transform 0.3s ease-out; 
    transition: color .15s ease, transform 0.3s ease-out; 

}

.reveal a:not(.image):hover { 
    color: #71e9f4; 
    text-shadow: none; 
    border: none; 
    -webkit-transform: scale(1.2, 1.2); 
} 

Hinweis: in diesem Fall I Ich bin nur wirklich mit Chrome und Safari-Unterstützung beschäftigt.

Answer 1

Fügen Sie display: inline-block zu Ihrer Style-Definition für .reveal a:not(.image) hinzu und es sollte funktionieren.