Email Validation Animation - HTML CSS JavaScript with Regex

Email Validation Animation - HTML CSS JavaScript with Regex

If you have any other creative CSS examples with effects & animations, feel free to comment them below.

If you want to follow me along my coding journey, be sure to subscribe :3

If you want to hire me:

Thanks for watching

[owendev]

Svg: <svg viewBox="0 0 18 18">
<path
d="M11.5, 10.5 C6.4987941, 17.5909626 1, 3.73719105 11.5, 6 C10.4594155, 14.5485365 17, 13.418278 17, 9 C17, 4.581722 13.418278, 1 9, 1 C4.581722, 1 1, 4.581722 1, 9 C1, 13.418278 4.581722, 17 9, 17 C13.418278, 17 17, 13.42 17, 9"
></path>
<polyline points="5 9.25 8 12 13 6"></polyline>
</svg>

Regex: '^(([^<>()[\\]\\\\., ;:\\s@\\"]+(\\.[^<>()[\\]\\\\., ;:\\s@\\"]+)*)|' +
'(\\".+\\"))@((\\[[0-9]{1, 3}\\.[0-9]{1, 3}\\.[0-9]{1, 3}\\.[0-9]{1, 3}\\])' +
"|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2, }))$"