Можно ли сделать такое на канве?

Question

[Multigame]

Добрый день.
Необходимо сделать на сайте элемент который будет анимирован и полупрозрачен. Можно ли сделать канву фоново прозрачной? и сделать плавную анимацию между двумя "кадрами"?

Пытались сделать такое через css анимации. И плавно скрывали(делали прозрачным) первый кадр в момент появления второго кадра. Однако появлялась проблема. Полупрозрачные(по самой картинке) пиксели скрытые частично прозрачностью (opacity) накладывались друг на друга, в итоге в момент перехода между кадрами появлялась лишняя "пульсация".

Возможно ли избавиться от такой проблемы с помощью канвы?