In order to get rid of the white bleed in the css, try to include
input.box{
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-background-clip: padding-box;
}
and maybe try to customize the outline with something like for example
input.box:focus {
outline: none;
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
}
or anything else that would make the input prettier when active.
7 Responses
Looking really clean, and crisp.
almost 2 years ago
Pro
Loïck Müller
Yeah thanks Corey !
almost 2 years ago
In order to get rid of the white bleed in the css, try to include
input.box{
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
-background-clip: padding-box;
}
and maybe try to customize the outline with something like for example
input.box:focus {
outline: none;
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
}
or anything else that would make the input prettier when active.
Otherwise it looks good ;)
almost 2 years ago
I love this :D
almost 2 years ago
Pro
Loïck Müller
Thanks you bro!
almost 2 years ago
So sexy !
almost 2 years ago
Pro
Loïck Müller
Thanks Jérémy :-)
almost 2 years ago