Adding Animations

hi @artf I want to include animation on all the blocks Here is some snippet of code but it's not working Could you please help me here

const def = editor.Components.getType("default");

  editor.Components.addType("default", {
     model:{
        defaults:{
           traits:[
              ...def.model.prototype.defaults.traits,
              ...[{
                     type: "select",
                     label: "Animation",
                     name: 'animation',
                     options:[
                       {value: 'bounce',name: 'Bounce'},
                       //Other animations...
                     ]
               }, {
                     changeProp: 1,
                     type: "number",
                     label: "Duration(s)",
                     name: "duration",
               }, {
                     changeProp: 1,
                     type: "number",
                     label: "Delay(s)",
                     name: "delay",
               }]
            ]
         },
         init() {
            this.on('change:animation', this.onAnimationChange);
            this.onAnimationChange();
            this.on("change:duration", this.onDurationChange);
            this.onDurationChange();
            this.on("change:delay", this.onDelayChange);
            this.onDelayChange();
         },
         onAnimationChange() {
            const animation = this.get('animation')
            this.addAttributes({ 'data-anim-type': animation   });
            // this.addClass({ animation });
         },
         onDurationChange() {
            const duration = this.get("duration");
            this.addStyle({ "animation-duration": duration });
         },
         onDelayChange() {
            const delay = this.get("delay");
            this.addStyle({ "animation-delay": delay });
         },
      }
  });

Thanks