Today I Learned

hashrocket A Hashrocket project

Style A Background With CSS Linear Gradient

The linear-gradient function in its simplest form can be used to style the background of an element with a vertical, linear gradient between two colors.

gradient example See the Pen <a href=''>pQpypW</a> by Josh Branchaud (<a href=''>@jbranchaud</a>) on <a href=''>CodePen</a>.

Here is what the CSS looks like:

.container {
  background: linear-gradient(#00449e, #e66465);

The background of any element with the container class will be styled with a linear gradient that transitions from #00449e to #e66465.

See More #html-css TILs