clearProps works on your from() tweens, but visually, you won't see anything happen. If you start at x:0 and tween from x:300 and then clearProps, your element will be at 0 because the inline styles are gone and your starting point was 0. Here's a really quick example:
One box is to() x:500 and the other is from() x:500. After the tweens complete, box 1 has style="transform: matrix(1, 0, 0, 1, 500, 0);" and box 2 has style="transform: matrix(1, 0, 0, 1, 0, 0);"
When we clearProps, the inline styles are removed from both, but the only one that visually jumps is box 1. Make sense?