CSS3 _ 배경 패턴 갤러리

 

 

 

ㄴ https://projects.verou.me/css3patterns : css 스타일에 소스를 넣어 꾸며보세요.~

 

 

=========> 예를들어,

ㄴ style.css

body{

  background:radial-gradient(black 3px, transparent 4px),

    radial-gradient(black 3px, transparent 4px),

    linear-gradient(#fff 4px, transparent 0),

    linear-gradient(45deg, transparent 74px, transparent 75px, #a4a4a4 75px, #a4a4a4 76px, transparent 77px, transparent 109px),

    linear-gradient(-45deg, transparent 75px, transparent 76px, #a4a4a4 76px, #a4a4a4 77px, transparent 78px, transparent 109px),

    #fff;

    background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;

    background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;

}