/ Background Patterns

Diagonal Stripes background patterns

Diagonal Stripes background patterns

Diagonal Stripes

A CSS Diagonal Stripes background patterns.

Made with

Html
Css/scss

Author

yoksel

Css

$color: darkkhaki;
$color2: crimson;
$transparent: rgba(0, 0, 0, 0);

HTML {
  height: 100%;
  }
BODY {
  background: linear-gradient(-45deg,
      $transparent 50%, 
      $color 50%, $color 60%, 
      $transparent 60%
      );
  background-size: 2em 2em;
  background-color: khaki;
  font: italic 40px/2 'Trebuchet MS', Verdana, sans-serif;
  }

Demo

See the Pen Diagonal stripes by yoksel (@yoksel) on CodePen.

CodeTea

A Nice collection of often useful examples done in HTML JavaScript CSS.

Read More