Creating gradient lines in CSS
Question, if I wanted to create gradient lines that fade out on the top and bottom, similar to the lines seen on AT&T's drop down menu that separate the menu items, how would I go about that? I want to create a similar effect on a menu that I am coding, and I would prefer not to use images. Is there a way to achieve this in CSS? Help much appreciated! Thanks. Microsoft CSS Gradient is a GUI you can use. just copy the CSS into your code: Example: #div { /* IE10 Consumer Preview */ background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #00A3EF 100%); /* Mozilla Firefox */ background-image: