[Transition]

紀錄過渡效果(Transition)相關的資料

• jQuery-Parallax (視差滾動)
  1. 頁面捲動時像影片撥放
  範例網站 : http://makeyourmoneymatter.org/
  2. 頁面在背景上滑動的感覺
  範例網站 : http://pixelcog.github.io/parallax.js/

GitHub : https://github.com/pixelcog/parallax.js/

• waypoints (滾動偵測觸發元件效果)

原文 : http://imakewebthings.com/waypoints/guides/getting-started/
中文 : https://itbilu.com/javascript/jquery/E1eLYvOxZ.html

• swiper (各種效果的Slider)
  翻頁、Slider的效果包含2D&3D
  控制方式 : 滾動(scroll)、滑鼠/觸控拖曳、鍵盤

原文 : http://idangero.us/swiper/#.WaVsCsgjHIU
中文 : http://www.jianshu.com/p/33824b920e8f

• bxSlider (圖片輪播)

http://bxslider.com/

Bootstrap
滾動偵測 : scrollspy.js
過渡效果 : transition.js
輪播效果 : carousel.js

CSS3
過渡效果 : https://www.w3schools.com/css/css3_transitions.asp
動畫效果 : https://www.w3schools.com/css/css3_animations.asp