- 17, May 2024
- #1
У меня есть контейнер div (который может находиться в центре страницы). Я хочу анимировать еще один div (того же размера) от левого края до верха контейнера div. Это легко.
Мне нужно, чтобы анимированный div был невидимым, за исключением размеров контейнера div.
Таким образом, вы можете видеть всю страницу, включая контейнер div, но правый край анимированного div находится слева от левого края контейнера div. И НЕВИДИМЫЙ.
Мне нужно переместить анимированный div вправо до тех пор, пока левый край анимированного div не станет равным левому краю контейнера div и не станет видимым.
Когда он движется вправо, мне нужно, чтобы часть анимированного div, находящаяся внутри div-контейнера, была видимой, а все, что находится за пределами div-контейнера, было невидимым.
В конце анимации анимированный элемент div полностью находится внутри контейнера и становится видимым. Я продолжаю смотреть на маску и клип CSS, но пока не могу этого понять.
Помощь?
Мне нужно переместить анимированный div вправо до тех пор, пока левый край анимированного div не станет равным левому краю контейнера div и не станет видимым.
Когда он движется вправо, мне нужно, чтобы часть анимированного div, находящаяся внутри div-контейнера, была видимой, а все, что находится за пределами div-контейнера, было невидимым.
В конце анимации анимированный элемент div полностью находится внутри контейнера и становится видимым. Я продолжаю смотреть на маску и клип CSS, но пока не могу этого понять.
Помощь?