배경화면을 꽉채우는 방법이 궁금합니다.
428
작성한 질문수 1
안녕하세요 강사님,
올려주신 소스 파일보고 질문드립니다.
마우스를 움직이니 배경화면으로 쓰인 벽이미지에 공백(아래 캡쳐한 이미지의 검은 색 부분)이 생기는데 본래 사이트 처럼 꽉차게 하고 싶어서요.
방법이 있을까요?
답변 1
0
안녕하세요
이미지를 꽉 채우는 방법은 여러가지가 있는데요.
우선 배경 이미지를 꽤 크게 준비하시고 css로 꽉 채워주면 됩니다.
.container {
position: relative;
width: 100vw;
height: 100vh;
overflow: hidden;
background: black;
}
.container > img {
position: absolute;
width: 120%; <- 이걸 크게
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}위 처럼 해주시고 moveItem 의 움직임을 작게 설정해주시면 되겠습니다.
css 참고 url -> https://codepen.io/yahao2512/pen/dymLWee
해보시고 안 되시면 다시 질문해주세요~
mouse position interpolation과 transition linear interpolation의 차이
0
97
1
mousemove 시 따라 다니는 커서 이미지 wheel 할 경우
0
209
2
부드러운 움직임 구현1 강의 부분 질문있습니다.
0
168
2
go live 실시간 크롬
0
339
1
javascript 도움말 vsCode 확장팩 문의!
0
379
1
블로그 상단 페럴렉스 효과 구현 질문 있습니다!
0
368
1
마우스 인터렉티브 변형 질문
0
353
1
안녕하세요. 수업 잘 듣고 있습니다. 포트폴리오 관련 질문도 가능할까요?
0
410
1
나비가 버튼위로올라가면 버튼의 hover기능이 멈춰버려요
0
356
1
perspective에 대해서
0
303
1
CSS에서 궁금했던 부분 -실전 페럴렉스 강의 부분
0
494
1
requestAnimationFrame 질문
0
372
1
리뉴얼 이전 강의 파일
0
455
1
코드가 미리보기로 보여주는 확장프로그램이 뭔가요?
0
758
1
수업 파일 부탁드립니다~
0
333
1
배경질문
0
361
1
textWrap의 position을 relative로 주는 것에 대해 질문있습니다!
0
302
1
safari에서 position fixed가 잘 동작하지 않습니다
0
988
1
addEventListener후에 익명함수 실행할때 뒤에 false는 어떤 역할을 하는건가요?
0
568
1
스피드 변수로 scrollTop을 두는 이유가 무엇인가요?
0
375
1
완성파일 어디서 받아볼 수 있나요 ?
0
439
1
완성 파일 요청 드립니다.
0
309
1
사진들이 상단 nav바를 침범하는데 침범 못하게 어떻게해야할까요?
0
158
1
리액트로 하면 어떻게 해야할지 작성해주실수있나요?
0
379
1