Cool Search bar
This is a very cool search bar created using HTML and CSS3 without any extra markup. The background pattern on the search bar is created using
background-size. Linear gradient helps in creating the pattern (no. of strips and colors) while background size is used to resize the pattern for repetition. The shine on the outer box is created using a inset
rgba color for transparency.
Other effects like bevel and indentation is created using multiple
box-shadows on a single element. Take a look at the HTML and CSS Code to learn more about it.