분류 css

CSS : 격자 무늬 배경

컨텐츠 정보

  • 조회 521 (작성일 )

본문

CSS : 

b47160cc1a472b306a9d9a5024d92843_1535947234_0811.png
 


.plaid-background {
background:
repeating-linear-gradient(
-45deg,
transparent 0,
transparent 25%,
dodgerblue 0,
dodgerblue 50%
),
repeating-linear-gradient(
45deg,
transparent 0,
transparent 25%,
tomato 0,
tomato 50%
),
repeating-linear-gradient(
transparent 0,
transparent 25%,
gold 0,
gold 50%
), white;
background-blend-mode: multiply;
background-size: 100px 100px;
}
css