#box

#box2

Output

Code

r$.settings().debug = true;
r$.settings().indent = true;
r$.settings().useMediaQuery = true;
r$.breakpoints(300, 767, 1280, 1600);
var color = r$.set('background-color').values('#FF351E', '#99FF26', '#59F3FF', '#AB44FF');
var width = r$.set('width', 'px').values(200, 600, 1000, 1400);
color.linear().applyTo('#box');
color.interval().applyTo('#box2');
width.interval().applyTo('#box');
width.linearInt(5).applyTo('#box2');
r$.start();