이번에는 CSS에 대해서 좀 알아볼까한다.
리뉴얼된 페이지나 블로그게시물을 보면
마우스를 올리면 사진이 확대되는 이벤트를 흔히 볼 수 있다.
링크:http://notskorea.com/index.nots
위에 사이트를 가보면 슬라이드 부터 배너까지 확대 이벤트로 되어있다.
간단해보이면서도 움직임을 줘서 눈에 더 잘들어오는거 같다.
사진이 안나와서 red로 넣어보긴했는데 그냥 이런 이벤트구나 정도 보면될꺼 같다.
matrix를 사용하고 이벤트는 완성했는데 확실히 이해는 잘 안간다.
역시 찾아볼땐 구글링이지...
matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()):
그냥 보면 좀 이해가 안되겠지만 본인도 30분정도 계속해보면서 이해를 했지만 설명은 잘 못하겠네요...
W3schools에서 친절하게 설명이 나와있다. 위에서 부터 천천히 이해하고 내려간다면 마지막쯤 가서는 이해할것이다.
아마도..
다들 새해 복 많이받으세요
