这是一款带视觉特效的js密码强度检测特效。该特效在用户输入密码的时候,随着密码强度的增强,旁边的图像会越来越清晰或越来越模糊,通过图像的变化来提示用户密码的强度。

由于该js密码强度检测特效的编写使用了CSS变量,所以不是所以浏览器都支持该特效,请使用支持CSS变量的浏览器来查看演示效果。

下面是该js密码强度检测特效的gif动态效果图。

js密码强度检测特效gif动态效果图

该js密码强度检测特效的github地址为:https://github.com/codrops/PasswordStrengthVisualization/