У меня есть div, который содержит меньший div с некоторым текстом.У контейнера div есть переход webkit, который перемещает его за пределы экрана.Я хочу, чтобы меньший элемент div двигался вместе с ним, пока он не достигнет края страницы, а затем остался неподвижным, почти как если бы он «застрял» на боковой части страницы, в то время как контейнерный элемент div продолжает перемещаться под ним извзгляд.Можно ли это сделать?
//CSS
.move{
-webkit-transition-property:left;
-webkit-transition-timing-function:ease-in-out;
-webkit-transition-duration:1s;
left:-200px;
}
//HTML
<div onclick="this.className='move'">
<div>
some text here
</div>
</div>