개발자의 끄적끄적

[html/css] css 마우스 오버시 회전 방법 및 예제 본문

개발/html & css

[html/css] css 마우스 오버시 회전 방법 및 예제

효벨 2020. 11. 1. 02:00
728x90
반응형

[html/css] css 마우스 오버시 회전 방법 및 예제

 

 

css 를 이용하여 특정 태그 혹은 특정 class 에 마우스 오버시

 

회전시키고 싶을때 사용할 수 있는 소스입니다.

img:hover {
    -ms-transform: rotate(60deg); // explorer
    -webkit-transform: rotate(60deg); // chrome, safari, opera
    transform: rotate(60deg);
}

위 에서 img 로 되어있는 부분을 원하는 타겟으로 변경하여 사용하시면 될껍니다!!

 

rotate 안에 있는 60deg 는 각도라서 원하시는 각도로 적용하시면 되구요!

 

참고들 하세요!!

반응형
Comments