[2015.10.30] 깔끔하고 귀여운 연습장 레이아웃

완전 깔끔하고 귀여운 디자인이네요~

오늘은 css만 가볍게 보고 넘어가도록 하지요.

 

배경 줄무늬는 linear-gradient 의 반복을 이용해서 뿌려주었네요.

.lines {
  margin-top: 40px;
  height: calc(100% - 40px);
  width: 100%;
  background-image: repeating-linear-gradient(white 0px, white 24px, steelblue 25px);
}

 

 

간단한 사용 예제 및 Demo

See the Pen Notebook Paper by Amanda Williamson (@amwill) on CodePen.