Wallflower Wallflower - 1 year ago 122
HTML Question

Box Shadow for textfield only bottom

I'm not very familiar with box shadow and i want to make a text field with only bottom box shadow for my web,
here's what the code look like:

input[type="text"], input[type="email"], textarea{ box-shadow: 0 0 0 1.5px, 0 1px 0 rgba(0,0,0,0.08) inset}

this code generating full shadow box for textfield and text area, i want only bottom part to get the shadow box, i already saw box-shadow bootom solution but i dont get it what to do

Answer Source

Try below codes, creates bottom shadow for all three targeted elements.

input[type="text"], input[type="email"],  textarea{ 
box-shadow:0px 10px 10px -8px rgba(1,1,1,0.8);
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download