Übergangsskala relativ zum übergeordneten Element
Ich verwende transition:scale(1.2) , um div in der linken unteren Ecke des Ansichtsfensters auszublenden.
Mein aktueller Ansatz ist die Skalierung von der Mitte wie erwartet:
Ich möchte es so skalieren, als ob div den gesamten Bildschirm einnehmen würde:
Das obige geschieht durch Skalieren des gesamten body . Aber anstatt einen anderen Elternteil zu verwenden , habe ich mich gefragt, ob es eine andere Möglichkeit gibt, CSS mitzuteilen, in welche Richtung die Skalierung erfolgen soll.
Wie benutzt man transition:scale(1.2) in DESIRED , ohne ein Div-Element in voller Größe zu verwenden?
1 Antwort
Sie können den Transformationsursprung ändern:
So etwas sollte nah an dem sein, wonach Sie suchen:
%Vor%Modifiziertes CSS:
%Vor%Bearbeiten Da Sie die prozentuale Positionierung auf der linken / unteren Seite für die Uhr verwenden, könnte dies näher an dem von Ihnen gewünschten Effekt liegen. Wenn Sie zu einem zentrierten Transformationsursprung zurückkehren und den Übergang von links nach unten näher an der Ecke vornehmen, erhalten Sie etwas mehr von dem Effekt, dass er von der oberen rechten Ecke des Elternteils aus skaliert wird.
Modifiziertes CSS:
%Vor%Tags und Links css css3 css-transitions