An important thing regarding box-shadow tweens is to apply units. For example,
box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.14)
instead of
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14)
Forgetting units will cause big headaches when your tween doesn’t work, but just makes a strange jump to the end tween state after elapsed duration.