body {
background-image: repeating-linear-gradient(-45deg,
transparent,
transparent 20px,
black 20px,
black 40px);
width: 3px;
}
body{
background: repeating-linear-gradient(
to right bottom,
#C80A0A ,
#C80A0A 5%,
#880D0D 5%,
#880D0D 10%
);
}
/*
body{
background: repeating-linear-gradient(
to right bottom, select the direction (could be also in deg)
#C80A0A , color + start position
#C80A0A 5%, color + start position
#880D0D 5%, color ...
#880D0D 10% color ...
);
}
*/
Code Example |
---|
Css :: css background darker |
Css :: css pointer event |
Css :: text gradient effect |
Css :: css add shade over background image |
Css :: center wrapped flex children |
Css :: inner border css |
Css :: limit number of text lines |
Css :: css grid auto width |
Css :: how to change image based on screen size |
Css :: select even child css |
Css :: css gradient 3 colors |
Css :: @import css |
Css :: fade in transition css |
Css :: glass css |
Css :: css prevent new line div |
Css :: laravel asset css not found |
Css :: css good background color |
Css :: css resize image |
Css :: css float top |
Css :: change svg color css |
Css :: css transition ease |
Css :: css text highlight |
Css :: over to remove padding css |
Css :: how to disable increase descrease buttons of input type number in html |
Css :: css grid 1 row 2 columns |
Css :: selecting last child css |
Css :: rotate animation css |
Css :: pagination in css |
Css :: Add border to text - Css |
Css :: bootstrap put button on one line |