CSS zoom in 과 overlay 동시에 적용.

Question

css는 익숙하지가 않아서.. card img viewer 하나 만드는데 시간이 주구장창 흘러가네요. [] 박스안에 이미지와 내용설명이 있고 마우스를 올렸을때 이미지는 zoomin이 되고 숨겨졌던 overlay 형식이 나타나야 합니다. 여기까지 적으면서 갑자기 깨달음을 느끼며 문제를 해결했네요....ㅋㅋㅋ.문제 공유 차원에서 계속 작성합니다. 문제..card-zoom img:hover { 줌인 }.card-zoom .card-img-overlay:hover { opacity: 1 } hover를 각각 적용시 둘중 z-index가 높은 것이 이벤트 적용됨. 해결..card-zoom:hover img { 줌인 }.card-zoom:hover .card-img-overlay { opacity: 1} hover를 .card-zoom에 적용.. 겁나 간단한 것이지만 처음 만들어보는 것이라서... 한 20분 넘게 고민한 것 같네요.이상하게 okky만 들어오면 머리가 좋아지는 것 같네요ㅋㅋ.;.

서비스지향개발자 · Answer

바보인증 하는게 아닌가 싶네요.ㅠa &#43; ( b &#43; c) &#61; (a &#43; b) &#43;c 당연한 사람은 당연하겠지만.. 모르는 사람은 모른다는...;

CSS zoom in 과 overlay 동시에 적용.

1개의 답변

#overlay 목록