Как сделать постепенное затемнение слоя?

Question

[andrey_levushkin]

Имеется видео - кардиограммы сердца (пульсации).
Как сделать её постепенное исчезновение с начальных точек? Например.

Перед началом 3 удара, кардиограмма должна начать исчезать из начальных точек, чтобы потом после 3 удара вновь возобновиться. Чтобы получилось, как на этом видео
https://www.youtube.com/watch?v=pTl6aqb2nmA
Грубо говоря, чтобы хвост диаграммы со временем исчезал.
Проект:
https://yadi.sk/d/7R_plgDn6FcadQ

Answer 1

[nidalee]

Отделить фон от кардиограммы, фон на нижний слой и не трогать.
На верхнем слое квадратной маской (по желанию - с размытием границы) анимировать с помощью keyframes движение этой маски, слева направо. Параметром для маски достаточно сделать opacity в 0. Таким образом, все, что закрыто маской - будет полностью прозрачным - там не будет кардиограммы, только фон.

Comments

[andrey_levushkin]

Тогда получится просто резкое исчезновение кардиограммы. Не постепенное. Может можно как-то сделать у маски чтобы она меняла свою прозрачность постепенно от края к центру? И тогда при движении маски она бы и затемняла постепенно, а не сразу резко всё

[nidalee]

andrey_levushkin, накрутите у маски feather, тогда у нее граница будет размыта.