코딩룸*◡*

[CSS]마우스 오버시 이미지 확대 본문

공부좀 하자/HTML, CSS

[CSS]마우스 오버시 이미지 확대

코딩하는 묭이💛 2017. 9. 4. 17:52

이미지에 마우스를 올렸을 때 이미지가 확대되는 효과는 여러 사이트에서 사용되고 있습니다.

CSS의 transform: scale(1.1);을 이용하면 됩니다.

 

 

See the Pen Untitled by miyeon (@auseyoo) on CodePen.

 

  • transform: scale(1.1); /* Defalut */
  • -webkit-transform: scale(1.1); /* Chrome */
  • -moz-transform: scale(1.1); /* FireFox */
  • -o-transform: scale(1.1); /* Opera */

 

 

반응형

'공부좀 하자 > HTML, CSS' 카테고리의 다른 글

transform: scale / transform: rotateX, rotateY  (0) 2017.11.13
[CSS] display: flex  (0) 2017.11.08
[CSS]box-sizing  (0) 2017.09.04
CSS "counter-" 로 순번 달기  (0) 2017.08.25
벤더프리픽스(Vendor Prefix : 벤더 접두사)  (0) 2017.08.09
'공부좀 하자/HTML, CSS' Related Articles more
Comments