효과 모음/CSS 소스3 [CSS] 이미지가 항상 center로 자리 잡는 반응형 HTML CSS .img-size { position: relative; width: 100%; height: 600px; overflow: hidden; } .img-center { text-align: center; position: absolute; top: 0; right: -200%; bottom: 0; left: -200%; } .img { max-width: 100%; max-height: 100%; } See the Pen 이미지가 항상 center로 자리 잡는 반응형 by SEIN (@JHEcho) on CodePen. 2021. 8. 5. [CSS] 이미지 세로 중앙 정렬 https://abcdqbbq.tistory.com/54 [css 응용] 이미지 세로 중앙 정렬 css를 사용하다보면 이미지를 세로 중앙 정렬이 필요한 경우가 매우 많이 있다. 그 방법에 대해 알아보려한다. 1. line-height와 vertical-align을 이용한 정렬 이미지를 감싸는 영역에 line-height값을 준 abcdqbbq.tistory.com 2021. 7. 16. [CSS] 마우스를 hover 했을때, 밑에서 색깔이 올라오는 변형속성 See the Pen 마우스를 hover 했을때, 밑에서 색깔이 올라오는 변형속성 by SEIN (@JHEcho) on CodePen. 2021. 6. 14. 이전 1 다음
