HTML and CSS Reference
In-Depth Information
Submit Buttons
Forms won't do us much good if they can't be submitted, so we'll need a submit button designed to go along with the
inputs.
Just like the text input, use the rounded rectangle tool with the border radius set to
6px
.
Create a box
310px
wide by
54px
tall and set it to the dark color (
#1F1B0C
). This will be the
base of your button.
1.
2.
Next, use the Text tool with the following settings:
•
Font: Cooper Black
•
Size: 30 pt
•
Tracking: -50
•
Color: #FBF7E7
•
Antialiasing: Strong
3.
Use the text
Create Your Room
and center the text on the submit button.
4.
To give it a little dimension, open the Layer Style panel and add a drop shadow using the
dark color (
#1F1B0C
) at 30% opacity, angled at 135º, and set at a size of
10px
(see Figure
6-13
).
Figure 6-13.
The submit button with a subtle drop shadow
Search WWH ::
Custom Search