Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

SVG-animation of css-attribute doesn't work #903

Open
janstieler opened this issue Feb 23, 2019 · 0 comments
Open

SVG-animation of css-attribute doesn't work #903

janstieler opened this issue Feb 23, 2019 · 0 comments

Comments

@janstieler
Copy link

janstieler commented Feb 23, 2019

Hi,
I have a svg-element where I set starting attributes through css like height: 0 to override the attributes in the svg-elements.
But if I try than to animate with velocity the height it doesn't work.

Here is a JsBin: https://jsbin.com/firetuh/25/edit?html,css,js,output
The animation code is

    setTimeout(function() {
        console.log('#connector01 was started');
        $('#connector01').velocity({height: 250}, 1500);
    }, 500);

There should now animate a black line on the green circle.
If I delete the height: 0 from '#connector01 in the CSS it works.

Edit:
I found that issue here: #565
Does this mean that it is not possible to override svg-attributes with css and animate it?
And which attributes are not possible to overide and animatable?

Cheers

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant