How to build animated microinteractions in React
Christian Sepulveda
1.1K10

Hi there,

great great post!

The little blur effect is due to the component width and CSS centering function. As the component (on Win-Chrome) is 345px wide (347 including borders) the browser struggles to centre it, hence the blur effect.

Make sure the component width is an even number and the blurriness should go away.

Thanks for the great post again!

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.