Betrachten Sie ein div mit 100% Breite und 100vh Höhe. Ich möchte es auf 50% Breite verkleinern und dafür muss nur die rechte Kante von 100% auf 50% kommen.Webkit Animation bewegen Sie nur die rechte Kante eines rechteckigen div nach links
Wie kann ich das erreichen?
UPDATE:
Mein HTML (es wird reagieren):
<div className={classNames("div-one", { "half-width": this.state.showRegistration })}>
</div>
und CSS:
.div-one {
background: url("../../../assets/images/manhattan-min.png") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
width: 100%;
min-height: 500px;
min-height: 100vh;
}
.div-one.half-width {
width: 50%;
-webkit-animation: right-to-left-div1 0.2s forwards;
animation: right-to-left-div1 0.2s forwards;
}
@keyframes right-to-left-div1{
from{left:10%}
to{left:0%}
}
Sie alles versucht haben? Wenn ja, post relevant css und html – Morpheus
@Morpheus Ich habe meine Frage aktualisiert – Nitish