Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- linux
- java
- 공모주 청약
- 공모주
- Eclipse
- 주식
- 코드이그나이터
- 오라클
- 7월 공모주 청약 일정
- 리눅스
- php
- css
- Stock ipo
- Oracle
- 6월 공모주 청약 일정
- MYSQL
- 자바
- 제이쿼리
- 주식 청약
- 자바스크립트
- jquery
- Stock
- SQL
- 주식 청약 일정
- codeigniter
- JavaScript
- 맥
- html
- 공모주 청약 일정
- IPO
Archives
- Today
- Total
개발자의 끄적끄적
[html/css] css 마우스 오버시 회전 방법 및 예제 본문
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 는 각도라서 원하시는 각도로 적용하시면 되구요!
참고들 하세요!!
반응형
'개발 > html & css' 카테고리의 다른 글
[html/css] html onclick 새창띄우기 (0) | 2020.11.03 |
---|---|
[html/css] html 이미지 다운로드 버튼 (0) | 2020.11.02 |
[html/css] 특정영역안에 div 띄우기 (0) | 2020.10.28 |
[html/css] CSS로 이미지 세로 중앙 정렬(Vertical align)하기 [펌] (0) | 2020.10.08 |
[html/css] svg에서 text(글자) 가운데 정렬하기(수직, 수평 중앙정렬) [펌] (0) | 2020.09.30 |
Comments