This text field validation micro interaction by Aaron Iker check for email added to this field and on successfully entering one the @ symbol turns to a tick. This will work well on email signup forms.
If you are having trouble with the pen, try the archived copy on GitHub
eMail validation Snippet
See the Pen Email validation animation by Aaron Iker (@aaroniker) on CodePen.0