Notice
Recent Posts
Recent Comments
«   2024/12   »
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 31
Archives
Today
In Total
관리 메뉴

A Joyful AI Research Journey🌳😊

230210 CSS 마우스 올렸을 때 이미지 확대하기: blog-slider 본문

💻Bootcamp Self-Study Revision✨/HTML5, CSS, Bootstrap, JSP

230210 CSS 마우스 올렸을 때 이미지 확대하기: blog-slider

yjyuwisely 2023. 3. 29. 21:50

230210 

마우스 올렸을 때 이미지 크기가 커진다. 

		/* 마우스 올렸을 때 이미지가 커진다.*/
img {
  max-width: 100%;
}
.blog-slider__img {
   width: 280px;
   margin: 0px auto;
   overflow: hidden;
}
      
.blog-slider__img img {
  	transition: all 0.2s linear;
}
.blog-slider__img:hover img {
  	transform: scale(1.5); /*확대 배수*/
}

728x90
반응형
Comments