Ich versuche, den :before
Inhalt meiner <span>
zu skalieren, wenn Sie darüber schweben. Bis jetzt wird der Stil beim Schweben angewendet, aber es gibt keine visuellen Änderungen, die :before
bleibt die gleiche Skala.Maßstab: vor beim Schweben
Was ich bisher habe:
<div class="comment-actions">
<span class="comment-likes icon-ico-heart">
12
</span>
</div>
SASS (CSS):
.comment-likes
transition: all 100ms ease-in-out
color: #92a3b9
cursor: pointer
&:hover::before
transform: scale(1.5)
Icomoon:
.icon-ico-heart:before {
content: "\e914";
}
[class^="icon-"], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Danke das funktioniert! Für zukünftige Zuschauer: Sie müssen den Übergang auf das ': before' setzen. – Alexander