CSS过渡中的变形效果中的平移translate，旋转，rotate，倾斜，skew怎么搞啊？

html-css012

CSS过渡中的变形效果中的平移translate，旋转，rotate，倾斜，skew怎么搞啊？,第1张

"推荐你个系列的教程吧--《Buid New World》第十一集：使用 CSS 增加过渡和其他效果 平移translate，将元素平行移动，参数中分别指定水平方向上的移动距离与垂直方向上的移动距离。

旋转，rotate允许你通过传一个角度值来旋转一个元素。

如果设置的值为正数表示顺时针旋转，如果设置的值为负数，则表示逆时针旋转。

倾斜，skew可以将一个对象围绕着x和y轴按照一定的角度倾斜，在参数中分别指定水平方向上的倾斜角度与垂直方向上的倾斜角度。

"

首先，不同的页面之间再怎么平滑，也无法避免浏览器在载入新页面时必然产生的一个刷新动作，这是无法避免的，毕竟这是浏览器，不是app；

其次，即使上述你觉得不是问题，但css本身不是程序，它不可能知道页面之间的切换行为，因此用纯css肯定是无法实现的，必须结合js才行。

一个比较有可能实现的方案就是：通过js在前一个页面的unload事件中把页面逐渐过渡到全白，在后一个页面的load事件中把页面从全白过渡到完全显示。

不过我觉得这简直是舍本逐末啊，还是先把页面的内容搞好把，这些花架子还是少弄为佳。你也不想想为啥其他大网站都没有这样的效果，难道就只有你一个人想到了吗？