RAX7

var angle = app.activeDocument.selection[0].fillColor.angle;
$.writeln(angle);

У адобы есть достаточно подробная документация по скриптам:
https://www.adobe.com/devnet/illustrator/scripting.html

https://www.youtube.com/watch?v=izi0mtItHh4

Очищай канвас полностью и градиентом дорисовывай хвост

В настройках галочку убери

Обе картинки сделай квадратными и чтобы центры окружностей находились в центре квадрата.

Сделай движение вдоль квадратичной кривой Безье
https://javascript.info/bezier-curve

href для анимации не указал

https://github.com/chartjs/Chart.js/issues/5302

Чтобы работала перспектива нужно родительскому блоку задать например: perspective: 1000px; либо у трансформируемого блока добавить ёё transform: perspective(1000px) rotateX(30deg);
https://html5book.ru/3d-transform/

Такое и без всяких плагинов можно сделать

на SVG вырез можно сделать хоть в форме котенка

$(document).on('click','#banner-message', function(e) {
  console.log($(this).data('id'));
  console.log(e.currentTarget.dataset.id);
})