2014-12-22 3 views
-4

저는 며칠 동안 고생했습니다. 그런 호버 애니메이션을 만드는 방법을 알 수없는 것 같습니다. 어쩌면 나는 잘못된 곳을 파고 애니메이션은 css3로 끝난다.jQuery/JS/CSS3 애니메이션 및 마우스 오버 효과

어쨌든, 그 사이트에는 특히 내가 찾고있는 애니메이션이 있지만 코드를 통해 갈 때 대답을 찾을 수 없습니다.

Brushed

이미지 호버 효과는 일반 CSS3 호버 애니메이션처럼,하지만 정말 호기심은 십자가 아이콘으로 정렬-정당화 아이콘에서 애니메이션, 네비게이션 버튼의 모바일 버전이었다 않습니다.

어떤 방향으로보아야하는지 힌트 만 있으면 도움이 될 것입니다. 고마워요!

+0

시도한 내용은 무엇입니까? – sagar43

+0

웹 사이트 코드 안의 대답을 찾을 수 없었기 때문에 별다른 결과를 얻지 못했지만 애니메이션이 어떻게 만들어 졌는지 확실하지 않습니다. CSS3를 사용하는 경우 두 애니메이션이 모두 각도로 표시되기 때문에 변형 속성을 사용하게 될 것입니다 (그러나 부드러운 방식으로 애니메이션을 적용하려면 많은 코드가 필요합니다). 그러나 다음 질문은 jQuery로 만든 jQuery .css()는 css3s 변형 속성을 사용합니까? – MTCH

+0

ok 어떤 기술로 어떤 기술을 개발하고 이러한 애니메이션을 원하는지 등 모든 것을 자세하게 설명하십시오. – sagar43

답변

-1

:before:after을 사용하여 수행됩니다. 클릭하면 위치가 변경되고 회전합니다.

+0

그게 다야, 정말 고마워! 따라서 jQuery가 아니라 순수 CSS3 애니메이션이었습니다. – MTCH

+0

예 순수한 css3 효과입니다. 내 생각에 그 사이트에서 제대로 보시면 튜토리얼을보실 수 있습니다. – himanshu

+1

그게 답이 아닙니다. 당신은 사람들을 바보로 삼고 있습니다. @ himanshu – sagar43

관련 문제