채택완료

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

2020-09-13 (일) 14:29:34 4,461

안녕하세요?


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

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

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

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

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

답변 2개 / 댓글 2개

채택된 답변
+20 포인트
2020-09-13 (일) 15:52:49

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

다양한 예제가 있습니다.

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

답변에 대한 댓글 1개

감사합니다.
잘 응용해보겠습니다.
2020-09-13 (일) 14:56:33

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

답변에 대한 댓글 1개

감사합니다.
채택을 못 해 드려서 죄송합니다.

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