본문 바로가기

web's

광고

Design

Reference

Tutorial

웹 표준 사이트 만들기
반응형 웹 사이트 만들기
패럴럭스 배우기

CSS

NEWS

SITE

Coding

광고

마우스 오버

[Hover] 마우스 방향에 따라 오버 효과를 주는 CSS & JS 마우스가 들어오는 방향에 따라오버효과를 주는 소스입니다. 우선 CSS를 통해 방향에 따라 효과를 미리 지정해야 합니다..in-top .info { transform-origin: 50% 0%; animation: in-top $duration $timing-fn 0ms 1 forwards;}.in-right .info { transform-origin: 100% 0%; animation: in-right $duration $timing-fn 0ms 1 forwards;}.in-bottom .info { transform-origin: 50% 100%; animation: in-bottom $duration $timing-fn 0ms 1 forwards;}.in-left .info { transform-o..