Netflix Logo

#root {
  width: 500px;
  height: 500px;
  background:
    radial-gradient(ellipse at 50% 100%, rgb(0 0 0) 50%, transparent 51%) 0 355px / 500px 120px no-repeat, /* Circular bottom mask */
    linear-gradient(0deg, rgb(0 0 0) 19.5%, transparent 20%, transparent 80%, rgb(0 0 0) 80.5%) 0 0 / 500px 500px no-repeat, /* Top/bottom mask */
    linear-gradient(-110deg, transparent 42%, rgb(0 0 0 / 0.4) 45.5%, rgb(229 9 19) 46%, rgb(229 9 19) 54%, rgb(0 0 0 / 0.4) 54.5%, transparent 58%) 0 0 / 500px 500px no-repeat, /* Diagonal */
    linear-gradient(90deg, rgb(0 0 0) 32.5%, transparent 33%, transparent 43.5%, rgb(0 0 0) 44%, rgb(0 0 0) 56%, transparent 56.5%, transparent 67%, rgb(0 0 0) 67.5%) 0 0 / 500px 500px no-repeat, /* Mask */
    linear-gradient(rgb(169 0 8), rgb(169 0 8)) 0 0 / 500px 500px no-repeat; /* Background */
}
Colors

Views

Code size

Layers

Explore

Community

Social
