freeCodeCamp/guide/english/certifications/responsive-web-design/applied-visual-design/use-a-css-linear-gradient-to-create-a-striped-element/index.md

title

title
Use a CSS Linear Gradient to Create a Striped Element

Use a CSS Linear Gradient to Create a Striped Element

---

Solutions

Solution 1 (Click to Show/Hide)

<style>

  div{ 
    border-radius: 20px;
    height: 400px;
    margin:  50 auto;
    background: repeating-linear-gradient(
      45deg,
      yellow 0px,
      yellow 40px,
      black 40px,
      black 80px
    );
  }

</style>

<div></div>

Relevant Links

• MDN | Repeating Linear Gradient