Other style attribute properties get stripped when animating about animatic HOT 3 CLOSED

Anima sets only two style properties transform and animation (in CSS mode). So it will override any values of transform, that were set with other library, but it shouldn't override any other property or strip the style attribute.

If overriding transform is your case, this behavior will be fixed in future versions. If it really strips off style attribute, I'll take a closer look at this issue. Thanks

from animatic.

Here is my code. The width is not being applied when i click.

$(function(){
  var world = anima.js();

  var $scores = $('.small-score');

  $scores.each(function(){
    var $item = $(this);
    var score = $item.get(0);
    var item = world.add(score);
    var aniProps = {
      rotate: [0,180,0],
      duration: 700,
      ease: 'ease-out-quad',
      delay: 0
    };

    $(this).click(function(){
      $(this).css('width','150px');
      item.animate(aniProps); 
    });
  });
});

from animatic.

I've tried your code, and it worked fine for me in Safari, Chrome and FF. The width expanded to 150px and it rotated over Y-axis. Try here

from animatic.