CSS3的新特征让微交互更轻松更便捷和兼具景深后果。页面构造即页面结构，是针对单个页面分歧控件和元素的结构关系展现。网页上的微交互，就是控件和元素响应热门事宜之后的变更，以前根本就是配景色彩或者图片的变更，这种变更经常来自调换和活动等带来的视觉特效演绎。而CSS3 最强能实现3D交互后果，倒是应用了translateZ 属性，它是transform的子属性，它决议了元素沿着自身Z轴移动。

假如只有这么一个属性，是看不出来任何后果的，因为阅读器没有方法盘算应当发生什么样的变更，所以我们须要给父元素添加一条 perspective属性，此时，表现父元素距离屏幕多远。perspective：__px决议元素距离屏幕的像素值，也就是平凡说的景深后果再好比说超链接（包含菜单的超链接），CSS3自界说无限幻化的样式超链接按钮，让鼠标滑过带动画特效。超链接和按钮在网页中是最为根本的元素了，我们可以经由过程设置CSS3样式将链接外不雅做一些简略的调剂，好比文本年夜小、色彩和下划线。也可以应用上文提到过的属性，做更多的动画演绎。

如今我们阅读国外许多优良的小我网站，在实现菜单跳转和页面切换的时刻，根本都是应用了CSS3的技巧，既使得画面舒适，又切换流利。特殊是我们传统以为的那种鼠标滑入、点击、滑过之后的后果变换，根本都是CSS3的技巧运用，削减了许多加载环节和图片制造的繁琐，使得微交互更轻松更便捷^[5]。好比图3，扁平化图标在hover（鼠标指针选择器类型）事宜前后的变更，鼠标滑入之前后果为上排图片状况，鼠标滑入之后，发生配景色彩变更和远景元素的动画（远景元素由对角线四个偏向的碎片元素飞入拼合成完全远景元素）。