javascript - 关于页面过渡的效果。

问题描述

问 题

https://www.idevs.cn/

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

解决方案

#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动画

这篇关于javascript - 关于页面过渡的效果。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！