Comments (3)
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.
Related Issues (20)
- Sprite animation. HOT 1
- Animations do not start in ios7 HOT 5
- __defineGetter__ HOT 4
- Wrong easings computations? HOT 8
- Raf shim HOT 5
- Uncaught TypeError: Object #<Performance> has no method 'now'
- Stopping anima after it processes animation HOT 2
- CSS animations are broken when the first stylesheet in the page has a @charset declaration HOT 2
- fade in animation HOT 1
- Animate multiples elements of a specific classe? HOT 2
- pause and resume does not work HOT 4
- events not firing ? HOT 5
- Animation changes CSS HOT 2
- CSS easings not working HOT 1
- Enhancement: animate background color HOT 1
- Enhancement: Allow the ability to define things like `translate` with a function. HOT 2
- Using `top` instead of `window` to reference requestAnimationFrame, cancelAnimationFrame and performance throws security errors from within an iFrame.
- translateX, translateY, rotateX, rotateY, etc. HOT 2
- Timeline HOT 1
- example not work:cannot assign to read only property '0' of string '0.5'
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from animatic.