layout

반응형
Frontend/HTML5, CSS

[kh정보교육원 55일차] CSS - background / position / flexbox / transform / transition / animation / layout

Background(배경) background-image: url(절대,상대경로) background-repeat: repeat | repeat-x | repeat-y 반복여부 background-position: 배경이미지 시작위치 background-size n% | contain | cover size작성시, position 을 꼭 작성해야한다! contain: x/y축 어느 한 쪽이 꽉찰때까지만 확대/축소. 빈공간이 생길 수 있다. cover: 영역을 모두 채울때까지 확대/축소. 이미지 짤릴 수 있다. background-clip: border-box|padding-box|content-box: 배경이미지,컬러 영역 다음과 같은 스크롤시 사진은 고정되어있고 보이는 부분이 바뀌는 배경을 만들어본다...

반응형
유경(shin-6-0)
'layout' 태그의 글 목록