Is it possible to implement random movement of an element in CSS using keyframes?

Question

css

So it goes.
I'm trying to create a Brownian movement of several elements using keyframes, but they just move along the vector and sharply change direction at key points - there is no smoothness.
I made 10 key points with a maximum of 2px difference in transform: translate3d() between positions - poor, there is no smoothness, the element just moves along the polyline.

Answer 1

jsdo.it/Kodai/brown
jsfiddle.net/PppZ3

Answer 2

I think it will be necessary to register each pixel in the keyframes, for smoothness, perhaps with some kind of cycle, well then it’s easier in javascript