인프런 커뮤니티 질문&답변
작성한 질문수
질문잇습니다.
작성
·
137
0
5100px 말하시는건 두배로 해야기 때문인거 맞지요? 백그라운드 넓이값하고 높이값은 url로 지정해서 150px에 2550px이 된거 맞나요? 그리고 ㅠㅠ 좀 길지만.. -로 준이유는 생각해 봣는데 양수로 주면 시작과 끝만 보이더라구요; 이미지 순환시키는 것 때문인게 맞을까요; 제가 이해한게 맞나 싶어서요 ㅠ
답변 1
0
1분코딩
지식공유자
네, 고해상도 디스플레이에서 선명하게 이미지를 표현하기 위해서 두 배 사이즈로 만들고, 절반으로 CSS로 줄여서 표현해 줍니다.
X축 방향에서 마이너스는 왼쪽, Y축 방향에서 마이너스는 위쪽이라고 생각하시면 됩니다^^
background-position은 left나 top과는 동작 방식이 달라서 조금 헷갈리실 수 있어요.
background-position: left 또는 background-position: 0은 이미지의 왼쪽부터 보인다고 생각하시면 되고,
background-position: right 또는 background-position: 100%는 이미지의 오른쪽부터 보인다고 생각하시면 됩니다.