纯CSS3创意loading文字特效

简要教程

这是一款非常有创意的纯CSS3 loading加载文字动画特效。该loading文字特效中，字母O的内圆会不停的放大缩小，使用这个动画效果来提示用户当前的页面或任务正在加载中。

使用方法

HTML结构
该loading文字特效的HTML结构中，不动画的文字使用

<span>

来制作，动画的文字使用一个三层嵌套的

<div>

来制作。

CSS样式
这个loading特效中的布局使用的是flex布局方式。IE11以下的浏览器都不支持CSS flex属性，所以布局会非常混乱。

字母的动画使用的是CSS animation来制作。动画被设置为无线循环，并使用

ease-in-out

的easing效果。