CSS: How can I get this effect gradient in CSS?

Question

effect gradient css

I'd like to get the gradient effect of purple or white color that starts with a strong tone and gradually this until dimming seems to disappear or become transparent and you see the background behind.It's possible?

I hope I have explained!

Regards!

[**By far the best I know of**](http://www.colorzilla.com/gradient-editor/) — Madara's Ghost, Jul 26 '12 at 20:57
http://stackoverflow.com/questions/3543887/gradient-alpha-fade-out-effect-with-css-3 — Cfreak, Jul 26 '12 at 20:58
Since you deleted your question before I could post: http://jsfiddle.net/SBUvQ/ — kei, Jul 31 '12 at 18:51

score 1 · Answer 1 · answered Jul 26 '12 at 21:08

1

I'd suggest using a CSS gradient generator.

Try this one: http://www.colorzilla.com/gradient-editor/

It has a number of presets, some of which look like they might be useful for you.

answered Jul 26 '12 at 21:08

Spudley

166,037
39
233
307

score 0 · Answer 2 · answered Jul 26 '12 at 21:13

div {
   height: 500px;
   width: 300px;
   background-image: -o-linear-gradient(#8860af, #4e91cc, #c7deee);
   background-image: -moz-linear-gradient(#8860af, #4e91cc, #c7deee);
   background-image: -webkit-linear-gradient(#8860af, #4e91cc, #c7deee);
}

Live demo: Tinkerbin

CSS: How can I get this effect gradient in CSS?

2 Answers2