<div></div>
$color1: transparentize(#7986CB, .2);
$color2: transparentize(mix($color1, #fff, 50%), .5);
div {
width: 1024px;
height: 128px;
background-image:
linear-gradient(
$color1, $color2
),
repeating-linear-gradient(
-45deg,
$color1 0px,
$color1 14px,
$color2 16px,
$color2 20px,
$color1 22px
)
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.