你是否遇到过这样的情景：

1、用 gif 格式的 loading 菊花会有背景颜色，与页面背景格格不入
2、于是，设计师给你一帧一帧变化的透明 png 合图，你能想到的就是用 JS 来控制
3、最终，你会发现用 JS 控制的 loading 菊花，对网页性能有一定的影响

        好在现在，这个 HTML5 到来的时代，如果你不用考虑浏览器兼容问题，你就可以用 CSS3 轻轻松松实现透明 loading 菊花的加载效果，下面的Step By Step 会让你茅塞顿开：

首先说这是一个神奇的播放器，为什么神奇呢，先直接看最终成果：

点击我查看 demo

关于团队合作的 css 命名规范

常用的 css 命名规则：

• 头：header
• 内容：content/container
• 尾：footer
• 导航：nav
• 侧栏：sidebar
• 栏目：column

Hello，everyone~ Tencent Alloy Team博客正式开通咯（鼓掌，撒花，转圈），博客的第一篇文章，好紧张！！~·⊙﹏⊙b汗欢迎大家多多拍砖~~：）

首先，我们为什么要建设这个博客呢

• 第一，当然是为了我们的团队让更多的人知道我们了：）
• 第二，是通过写博客和分享提高我们团队在项目建设上的整体实力：）
• 第三，通过写博客与同行者进行交流互动，认识更多业界的人：）
• 第四，通过分享我们的经历，分享我们的技术，帮助到更多需要的人，为推动业界的发展做出一点贡献：）
• 第五，是凝聚团队向心力，提高团队使命感，发展团队文化。在这里可以自由施展，这里可以学习进步！这里就是你的家~~~