Skip navigation
Currently Being Moderated

CSS Gradients

Jun 20, 2013 10:56 PM

Just a heads up. When creating a 0 degree gradient Illustrator leaves out a very important css command. Which makes the gradient repeat itself.

To have a smooth single gradient you need to add repeat: fixed; to the background CSS command.

 

Example:

 

background : linear-gradient(0deg, rgba(255, 255, 255, 100) 0%, rgba(0, 0, 0, 100) 100%) repeat fixed;

 

This example was tested in firefox.

 

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points