code: public Transitions transition(Object stringOrProperties, final int duration, final Easing easing,
        final int delay, final Function... funcs) {
      if (!isEmpty()) {
        Properties p = (stringOrProperties instanceof String)
            ? $$((String) stringOrProperties)
            : (Properties) stringOrProperties;
        for (Element e : elements()) {
          queueAnimation(new TransitionsClipAnimation().setEasing(easing).setProperties(p)
              .setElement(e).setCallback(funcs), duration);
        }
      }
      return this;
    }
docs: The transition() method allows you to create animation effects on any numeric HTML Attribute,
  CSS property, or color using CSS3 transformations and transitions.
  
  It works similar to animate(), supports chainning and queueing and an extra parameter for
  delaying the animation.
  
  Example:
  <pre>
  $("#foo").transition("{ opacity: 0.1, scale: 2, x: 50, y: 50 }", 5000, EasingCurve.easeInBack);
  
  $("#bar")
  .transition("{ opacity: 0.1, scale: 2, x: 50, y: 50 }", 5000, EasingCurve.easeInBack)
  .transition("{x: +100, width: +40px}", 2000, EasingCurve.easeOut);
  </pre>