I'm trying to animate an element's width using velocity and the calc() function.
$("#menuContainer").velocity({width: "calc(100% + -260px)"}, 500);
this animates the element's width to 0.
Does .velocity not support the css function calc()? or am do i overlooking a basic syntax error?
Why don't you use
$("#menuContainer").velocity({width: '-=260px'}, 500);
For 50% width, you can use:
var menu=$("#menuContainer");
menu.velocity({width:menu.width()/2}, 500);
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With