[Transition]

grace Chi
grace Chi
Aug 29, 2017 · 2 min read

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

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

)

    grace Chi

    Written by

    Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
    Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
    Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade