I looking for someone to help create the css that would generate input fields for text and password like the picture below.
Including the icon to the left and the underline for the input field with transparent background.
The image is a screen capture.. so the background image you see is not important.
I did this pen really quick: http://codepen.io/m1aw/pen/pvmyyw
I think is something like this you are looking for.
Here's my pen it's pretty simple: http://codepen.io/Cdjohnson012895/pen/GgaZNg
But you can play with it to get a better idea of what you want!
Here's my JSFiffle. This code requires Font Awesome, which is super easy to install.
I've replaced the ugly blue focus border with a small animation.
Let me know if you want anything changed.
This is my implementation of it. I traced it with vectors and created custom .svg
icons. The code is available as a gist and as a preview on CodePen. Enjoy!
.html
template of the form.scss
file as well as the compiled .css
.svg
format
Congratulations!
Now that your task is posted let the world know
Make your task famous