Carbon Fiber

#root {
  width: 500px;
  height: 500px;
  background:
    linear-gradient(-45deg, rgb(58 70 83) 20%, rgb(0 0 0 / 0.5) 21%, rgb(0 0 0 / 0.3) 22%, transparent 30%, transparent 70%, rgb(0 0 0 / 0.3) 78%, rgb(0 0 0 / 0.5) 79%, rgb(58 70 83) 80%) 0 0 / 100px 100px, /* -45deg fiber */
    linear-gradient(45deg, transparent 20%, rgb(0 0 0 / 0.3) 28%, rgb(0 0 0 / 0.6) 29%, rgb(69 90 109) 30%, rgb(69 90 109) 70%, rgb(0 0 0 / 0.6) 71%, rgb(0 0 0 / 0.3) 72%, transparent 80%) 0 0 / 100px 100px, /* 45deg fiber */
    linear-gradient(-45deg, transparent 29%, rgb(58 70 83) 30%, rgb(58 70 83) 70%, transparent 71%) 0 0 / 100px 100px, /* -45deg fiber */
    linear-gradient(rgb(1 9 18), rgb(1 9 18)) 0 0 / 100px 100px; /* Background */
}

Forked from

Colors

Views

Code size

Layers

Explore

Community

Social