CSS 고수님 계신가요? Heigth가 안되요..ㅜㅜ
본문
안녕하세요
메인 싸이트에 그림이 너무 커서 가로길이 말고
세로 길이만 줄이고 싶은데..
개발자 도구 들어가서 메인 사진의
height 관련 값들 다 최대한 낮춰도 적용되질 않네요...
width 값을 100%에서 50%로 낮추니깐 가로세로 다 작아져 버리는데...
세로길이만 어떻게 낮춰야 할지 모르겠습니다...ㅜㅜ
아래 사이트의 메인 슬라이드 사진입니다.
[ 메인 사진 ]
답변 2
height:400px; overflow-y:hidden;
이렇게 줘보세요.
아래 부분이 감춰지는 효과 입니다.
오.. 혹시, 이미지를 감추지 않고, 찌부시키는 효과는 있을까요??
메인 이미지를 원하는 사이즈로 잘라서 올리는게 제일 좋은 방법입니다.
아.. 이미지 높이를 바꾸는 방법을 생각 못 했네요...;
혹시, 이미지를 찌부시키는 효과도 있을까요??
원본이미지 비율과 가로세로 길이 비율이 다르게 줄이면 이미지가 좀 찌부돼서 보이고,
링크된 clip 관련 속성을 이용하면 찌부되는 거 없이 일부만 자를 수도 있습니다.
eyekiss 님이 적어주신 소스를 이미지의 부모요소에 적용해 이미지 일부를 감출 수 있구요.
답변을 작성하시기 전에 로그인 해주세요.
