Can I make this silver gradient effect login form using css3?

Question

I am trying to create this Login form PSD using css3.

I have reached following (Gradiant) code but it not working. Can I achieve this design using css3? .

background: #e2e2e2;
background: -moz-linear-gradient(top,  #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe 100%); 
background: -ms-linear-gradient(top,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%); 
background: linear-gradient(to bottom,  #e2e2e2 0%,#dbdbdb 50%,#d1d1d1 51%,#fefefe 100%);

Thanks for your value help ..

Regards, Kevin

This might help you... http://www.colorzilla.com/gradient-editor/ thought it doesn´t work on IE < 9 i guess — Top Questions, Apr 17 '14 at 06:23

score 0 · Answer 1 · answered Apr 17 '14 at 06:29

0

try this one it might work!!

background-image: -webkit-gradient(
 linear,
 left top,
 left bottom,
 color-stop(0.48, #204D8B),
 color-stop(0.74, #3E71B5)
 );

answered Apr 17 '14 at 06:29

Sai Babu

51
7

but I need a vertical gradient form . How it possible? do you know vertical code? – Kevin John Apr 17 '14 at 06:34
Try this! background-image: -webkit-gradient( linear, right top, left top, color-stop(0.48, #8B206D), color-stop(0.74, #3EA2B5) ); – Sai Babu Apr 17 '14 at 06:38

score 0 · Accepted Answer · edited May 23 '17 at 11:57

0

For gradients Link 1 and Link 2

For bevel emboss effect on button and input : How to make bevel and Embosed effect to button in CSS 3 for web-kit based browsers?

For bevel emboss effect on text

For checkbox styling

edited May 23 '17 at 11:57

Community

1
1

answered Apr 17 '14 at 06:32

4dgaurav

11,360
4
32
59

Can I make this silver gradient effect login form using css3?

2 Answers2