본문 바로가기

Web Dev

<img> 태그 확대 CSS

반응형

https://homzzang.com/b/html-55

 

홈짱닷컴

홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL

homzzang.com

css

.img3 img { display: block; width: 100%; height: auto; transition: transform 0.25s ease-in-out; }

.img3 img:hover { transform: scale(1.2); }

html

<div class="img img3"><img style="-webkit-user-select: none;" loading="lazy" width="160" height="90" id="refimg1" src=" alt="loading..." onerror="this.src='../../images/rgb/not.jpg';"/></div>

https://codepen.io/sinbi/pen/qBqxOvP

 

qBqxOvP

...

codepen.io

 

반응형