웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Transforms & Animations 본문

웹프로그램밍 자료실/HTML 자료

[해피CGI][cgimall] Transforms & Animations

해피CGI윤실장 2017. 2. 27. 09:12
css를 이용하여 카드를 뒤집는 효과로 레이어 앞과 뒤를 에니메이션으로 전환할수 있습니다.

마우스오버시, 마우스클릭시, 랜덤 3가지 방법으로 뒤집는 효과를 줄수 있습니다.

레이어의 앞과 뒷면 디자인이 가능으로모 여러가지 방법으로 응용이 가능합니다.



해당사이트에 css 의 원리와 구현방법에 대해서 자세하게 나와있습니다.
아래는 마우스 오버시 뒤집어 지는 효과입니다.





다른 효과는 해당 사이트에서 확인이 가능하며 소스전체를 다운로드 받으실수 있습니다.

 

홈페이지바로가기 

Comments