<p>Codrops | Mary Lou Today we’d like to share a little reimplementation of an interesting effect with you. The idea came from this Reddit entry which describes a method of showing an image less pixelated the stronger the password entered is. You can see the idea in action on the signup page of Colibro. We [&hellip;]</p>

Breakdown

Codrops | Mary Lou

Today we’d like to share a little reimplementation of an interesting effect with you. The idea came from this Reddit entry which describes a method of showing an image less pixelated the stronger the password entered is. You can see the idea in action on the signup page of Colibro. We thought this was an awesome idea and wanted to experiment with it, and also with the reverse logic.

PasswordStrengthVisualization

So go ahead and try it out: start entering a password in the form and see the image getting a different amount of pixelization. The second demo shows the reverse logic where the image gets more obscured when the password is getting stronger.

The demo is kindly sponsored by HelloSign API: Everything IT requires and Developers love. If you would like to sponsor one of our demos, find out more here.

Attention: Please note that this is highly experimental and might not work well in older browsers.

password2

We hope you like this little effect and find it useful.

advertisement.jpg

References and Credits

Password Strength Visualization was written by Mary Lou and published on Codrops.

Curated

Apr 19, 8:56 AM

Source

Tags

Tomorrow's news, today

AI-driven updates, curated by humans and hand-edited for the Prototypr community