巧用CSS3制作时尚的网页加载动画效果

在现代网页设计中,预加载是一种很常见的情形。作为用户,我们希望网页快速并且流畅 — 我们不喜欢等待。当内容被加载时,预加载能提供视觉反馈,并管理用户期望,降低用户放弃浏览网站的几率。 源文件代码:MissYuan_源文件.rar 用CSS3创建预加载动画的准备条件 在我们深入CSS3,创建预加载动画集之前,我们先讨论一些CSS3中非常重要的属性。 伪元素(Pseudo Elements):before :after 伪元素在用CSS3创建预加载动画的过程中是非常有用的。伪元素在本质上是在HTML元素之前或之后添加一个假元素。 “伪来源于希腊语pseudēs,意思是假的。” 这类似于我们创建一个