Velocity auto-prefixes properties (e.g. transform becomes webkit-transform on WebKit browsers); do not prefix properties yourself. Velocity animates one numeric value per property. Hence, you can pass in: { padding: 1 }or { paddingLeft: 1, paddingRight: 1 }. But you cannot pass in { padding: "1 1 1 1" }because you're providing multiple numeric values.
Velocity supports the px, em, rem, %, deg, and vw/vhunits. If you do not provide a unit, an appropriate one is automatically assigned — usually px, but degin the case of rotateZ for example. Velocity supports four value operators: +, -, *, and /. You may suffix an equals sign onto any one of them to perform relative math operations.

Run animation →

Example code:

// Properties animation$element.velocity({        marginLeft: 20, marginRight: 20,        opacity: 0.5}).velocity('reverse', {    delay: 1000,    complete: function() {          $(this).removeAttr('style');    }});

When multiple Velocity calls are stacked onto an element (or a series of elements), they automatically queue onto one another — with each one firing once its prior animation has completed. Current example demonstrates animation of left margin; then, when finished, animate the right margin property, then animate opacity property. To animate an element back to the values prior to its last Velocity call, pass in reverseas Velocity's first argument.

Run animation →

Example code:

// Chained animation$element.velocity({   marginLeft: 20}).velocity({     marginRight: 20 }).velocity({   opacity: 0.5}).velocity('reverse', {    delay: 1000,    complete: function() {          $(this).removeAttr('style');    }});