인터렉션/트랜지션 디자인 참고 사이트 모음

UI 애니메이션

capptivate.co

http://capptivate.co/

useyourinterface

http://useyourinterface.com/

sixux

http://sixux.com

dribbble

https://dribbble.com/shots?list=animated

giphy

http://giphy.com/

트랜지션(Transition) 패턴 예제

tympanus

http://tympanus.net/Development/PageTransitions/

http://tympanus.net/Tutorials/CaptionHoverEffects/index.html 

Effeckt

http://h5bp.github.io/Effeckt.css/

animate

http://daneden.github.io/animate.css/

tapotype

http://tapotype.com/

tumblr

http://ui-animations.tumblr.com/

dribbble

http://dribbble.com/search?q=transition

ui-transitions

http://www.ui-transitions.com/#home

give-n-go

http://give-n-go.co/

lazylinepainter

http://lazylinepainter.info/

cssdeck

http://cssdeck.com/

css3 속성 쉽게 사용하기

transform

http://westciv.com/tools/transforms/index.html

gradient

http://westciv.com/tools/gradients/

shadow

http://westciv.com/tools/shadows/

text stroke

http://westciv.com/tools/textStroke/index.html

css3 와 js 를 이용한 움직이는 배경

http://matthew.wagerfield.com/parallax/

자바스크립트

codepen

http://codepen.io/

cssdeck

http://cssdeck.com/

CSS3 이미지 슬라이더

http://cssdeck.com/labs/css3-image-slider

자바스크립트를 이용한 터치 컨트롤 슬라이더

http://touchslider.com/

옵션별 터치슬라이더모음

http://dohoons.com/test/flick/

애니메이션 속도 비교

http://easings.net/#

베지에 곡선 테스트

http://cubic-bezier.com/