关于页面过渡的效果。

Question

https://www.idevs.cn/

这个站点击哪篇文章都感觉有个淡入，然后文字向上移的感觉，这是用JS写的，还是哪个框架里带的？

Answer 1

#main {margin:0 auto 0;width:860px;max-width:860px;width:96%;animation:main 1s;}
@keyframes main {
  0% {opacity:0;transform: translateY(20px);}
100% {opacity:1;transform: translateX(0);}
}

这些代码是https://www.idevs.cn/的style.css中的，用的是css3 animation动画

Answer 2

css可以写 transition属性即可

Answer 3

里面的js用的是Zepto.js，动画效果是用css3做的，一般框架里的动画也是基于css3的,更多css3资料可以查看http://www.w3school.com.cn/css3/css3_transition.asp

Answer 4

他这个是css3自带animation动画实现的，如果你想实现更多、更强大的动画，类似这样的动画效果，使用velocityjs动画库。