Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
I’m currently trying to create a login page with the exact same input boxes which appear on the login screen on the Facebook app for iPad, however, I’m having no luck. I’m trying to do this using CSS3. I’ve attached an image for reference – Many thanks to anyone who might be able to help!
I appreciate any responses – Many Thanks
Check out radial gradients for the background glow http://www.impressivewebs.com/css3-radial-gradient-syntax/
The rounded edges are likely border-radius properties. http://www.css3.info/preview/rounded-border/
Centering it in the middle: http://tutorialzine.com/2010/03/centering-div-vertically-and-horizontally/
Get rid of text input borders: How to remove border (outline) around text/input boxes? (Chrome)
Placeholder text for input boxes: http://www.paciellogroup.com/blog/2011/02/html5-accessibility-chops-the-placeholder-attribute/
Hope these tuts help