Search
 
SCRIPT & CODE EXAMPLE
 

CSS

repeating-linear-gradient generator

body {
  background-image: repeating-linear-gradient(-45deg,
      transparent,
      transparent 20px,
      black 20px,
      black 40px);
   width: 3px;
}
Comment

repeating-linear-gradient generator

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 ...
		);
}
*/
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
4+8 =