테스트 사이트 - 개발 중인 베타 버전입니다

더 보기 버튼에 마우스 오버 시 회전 방법 구현은? 채택완료

허당빵 5년 전 조회 4,214

안녕하세요?


고용노동부( http://www.moel.go.kr/index.do ) 사이트 등에 보면 
더보기 + 버튼에 마우스를 올리면 빙그르르하고 도는데...

 

이러한 것은 어떤 방법으로 구현하나요?

관련 자료를 찾아보는데 찾기가 어렵네요~

좋은 방법을 알려주시면 감사하겠습니다.

 

오늘도 좋은 하루 되시고 건강하십시오~^^)

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트

css3 에서 트랜지션 효과를 검색하시면

다양한 예제가 있습니다.

https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

허당빵
5년 전
감사합니다.
잘 응용해보겠습니다.

댓글을 작성하려면 로그인이 필요합니다.

5년 전

.main_more:hover{transform:rotate(180deg)} 해당 css 입니다. 참고해서 해보세요.

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

허당빵
5년 전
감사합니다.
채택을 못 해 드려서 죄송합니다.

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인