首先，不同的页面之间再怎么平滑，也无法避免浏览器在载入新页面时必然产生的一个刷新动作，这是无法避免的，毕竟这是浏览器，不是app；
其次，即使上述你觉得不是问题，但css本身不是程序，它不可能知道页面之间的切换行为，因此用纯css肯定是无法实现的，必须结合js才行。
一个比较有可能实现的方案就是：通过js在前一个页面的unload事件中把页面逐渐过渡到全白，在后一个页面的load事件中把页面从全白过渡到完全显示。
不过我觉得这简直是舍本逐末啊，还是先把页面的内容搞好把，这些花架子还是少弄为佳。你也不想想为啥其他大网站都没有这样的效果，难道就只有你一个人想到了吗？
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：
button {width: 100pxheight: 50pxborder: 0color: whitebackground: -webkit-radial-gradient(#72787f, #545c64)}
3、浏览器运行index.html页面，此时用CSS实现了按钮中间白、四周黑，上方白、下方灰的效果。
