Link Search Menu Expand Document

Create a Gradual CSS Linear Gradient

Summary

  • CSS provides the ability to use color transitions, otherwise known as gradients, on elements.
  • The first argument specifies the direction from which color transition starts in degrees.

Final Code

<style>
  div {
    border-radius: 20px;
    width: 70%;
    height: 400px;
    margin: 50px auto;
    background: linear-gradient(35deg, #CCFFFF, #FFCCCC)
  }

</style>

<div></div>