728x90 mousehover2 [CSS] 마우스 hover시 이미지 확대하기 (크기 고정) 마우스를 이미지에 갖다 대었을 때 이미지가 확대되어 보이게 하는 법 (이미지를 확대하지만 전체 크기는 고정시킴) 이미지 확대하기 (크기 고정) overflow:hidden 옵션을 .fix 스타일에 추가한다. html Hover 이미지 확대하기 css h1 { color: yellow; background-color: lightgray; font-size: 18px; text-align: center; font-family: Arial, Helvetica, sans-serif; } img { max-width: 100%; transition: all 0.3s linear; } .fix { width: 200px; margin: 0px auto; overflow: hidden; } .fix:hover img.. 2023. 7. 27. [CSS] 버튼 오버 효과주기 (마우스호버mousehover) HTML hover me hover me hover me hover me hover me CSS * { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: 'Roboto', sans-serif; color: rgb(85,75,85); background-color: rgb(255,255,255); } :active, :hover, :focus { outline: 0!important; outline-offset: 0; } ::before, ::after { position: absolute; content: ""; } .btn-holder { display: flex; flex-wrap: wrap; justify-content: ce.. 2023. 4. 28. 이전 1 다음 728x90
