Ich versuche, innerhalb Schaltfläche zu animieren, aber aus irgendeinem Grund wird es nicht funktionieren. Breite der Schaltfläche sollte auf 0 nach linksCSS-Übergang Hover auf übergeordneten Effekt auf Kind
HTML
<div class="siteBtnShare">
<div class="share-text-wrapper">
<span class="share-text">SHARE</span>
</div>
</div>
SCSS
.siteBtnShare {
position: relative;
display: inline-block;
font-family: 'Novecentosanswide-Medium';
width: 40px;
transition: width 1s;
overflow:hidden;
.share-text-wrapper{
width: 40px;
display: inline-block;
}
&:hover .share-text-wrapper{
width: 0;
}
}
EDIT schrumpfen: - Im Inneren der Taste auf 0 schrumpfen sollte, aber es tut nichts. Es bleibt sichtbar
In welcher Weise es nicht funktioniert? –
Wie möchten Sie es per Mausklick animieren? – Jonny
beim Schweben. Und ich es funktioniert nicht auf eine Weise, dass es nichts macht. Der innere Text ist immer noch sichtbar – OunknownO