Member Avatar for bharanidharanit

Hello,
Is this possible to set gradient and lightening effect in backgrounds colors with css?

  • 2 Contributors
  • 1 Reply
  • 60 Views
  • 3 Weeks Discussion Span
  • Latest Post Latest Post by drewpark88
Member Avatar for drewpark88

If you are going to be using a gradient color as your background I would suggest making a gradient image. This way you can use the image with a class you make in your CSS. An example is below:

.gradient {
height: 100px;
padding: 2px;
background: url(images/yourgradientimage.gif) 0% 0% repeat-x;
color: #fc2;
}

The background: url() will be your gradient image & the 0% 0% repeat-x tells the browser the image position (x & y) and to repeat it in the x axis (across the page).

I hope this helps :)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.