TIL wecode 23. CSS Background

이조은·2020년 8월 19일
0

TIL wecode

목록 보기
21/36

Background 관련 속성

배경이미지 x축, y축으로 조절하여 사용하기

흰색 마름모꼴(2행 1열)을 추출해보자

오른쪽 화살표(2행 5열)을 추출해보자


1. 배경 이미지 소스로 URL과 전체 사이즈를 가져온다.
2. 내가 추출할 아이콘 이미지의 크기를 지정한다.
3. 여기서 1행의 아이콘은 양의 y축, 2행의 아이콘은 음의 y축을 가진다. 그리고 1열의 아이콘은 x축의 0부터 시작한다.
4. 내가 추출할 이미지의 크기만큼 이동하여 숫자를 지정한다.

profile
싱글벙글

0개의 댓글